Is CSS supported for splash page customisation?

Is CSS supported for splash page customisation?

Yes. If you have a knowledge of CSS and HTML you can easily get a fully customized Splash Portal!

It is possible to upload an additional CSS stylesheet to be loaded on all the Splash portals that can be managed by the system user. 

You can use this stylesheet to enable some classes that can be used when you create the contents, specifying the list of classes to assign to a content block. Consider also that the Splash Portal is Based on Twitter Bootstrap framework, so you can use also the existing Bootstrap classes to shape your content.

For example, you can hide a content for a certain device resolution, such as mobile devices, just adding the class "hidden-phone" to the content.

hidden-phone.png

 

As you can see in the example above, the text block containing the welcome message has been hidden for the mobile version of the Splash Portal. 

You can also use the stylesheet to override some general classes used for the portal layout, such as page background, padding and margin options, etc.. 

 Immagine1.png

    • Related Articles

    • General Splash Portal Templates

      Splash Portal   A Splash Portal template is a way to define the page layout for the Splash Portal. The Solution supports many Splash Portal templates and they can be available to the Tenant according to its enabled license. The standard layout for ...
    • Is a seperate SSID for internal access supported?

      Yes, it is, by subscribing to the premium managed service. Besides the classic authentication to the Splash Portal, the premium service also supports the IEEE 802.1X authentication. When a WiFi Area is properly configured for this, an end-user with a ...
    • Could not open the page, too many redirects error

      When trying to view a website using Safari, you may see the alert message: "Could not open the page. Too many redirects occurred trying to open (website name)." If you see this issue then please follow the instructions provided by Apple to resolve it ...
    • Customizing the Splash Portal defining content blocks

      The content blocks section, accessible from the Splash Portal section, is dedicated to the creation and management of the contents that populate Splash Portals that were created from a Splash Portal template. The content can be associated to a ...
    • "Splash Portal" Analytics - monitoring the activities of end-users through the Splash Portal

      By selecting Users from the drop-down menu in the top-left corner  it is possible to retrieve data about the activities of end-users into the Splash Portal. The Tenant is able to filter results by selecting all WiFi Areas or only a particular WiFi ...