Configure a Custom Splash Screen

1. From the left menu, select Configure > Policy > Captive Portal.
   

   Captive Portal Configuration - Templates Tab

   
   The Templates tab opens. The Templates tab displays three section (Splash Pages, Templates, Upload Logo) that can be expanded by selecting the corresponding arrow to the far right of each heading.
2. Expand the Templates section.
   

   Note

   Alternatively, you can duplicate and edit one of the default templates from Splash Pages > Select Template > Default Templates. Default, non-editable templates are provided to serve as an example when you customize your splash screens. To duplicate a default template, select .
3. To create a new splash template, select Add.
   

   Add New Splash Template

   
4. Enter a name for the template. When you are editing a new template, you can keep the status in Draft mode until you preview it and determine that it is finalized. However, published templates are still editable.
   

   Note

   Only published templates can be assigned to a site. Templates that are in Draft mode are not made available on the list and cannot be associated with a site.
5. Select Next.
   The Splash and Success tabs appear.
6. On the Splash tab, click Select Theme (on the right side of the page). Do one or both of the following tasks:
   • Expand the Themes section. Drag and drop a theme into the Splash pane.
   • Expand the Modules section. Drag and drop a module into the Splash pane.

   

   Select a Theme or Module

   
   Depending on the theme selected, the Splash pane is divided into sections. The height of these sections can be adjusted by dragging the bottom margins.
7. (Optional) To change the background color, select . Use the built-in color palette to select the background color of the theme or widget that you selected.
   

   
8. Select Page Settings. In the Page Setting dialog, edit the fields. You can either upload a background image or select a background color for the remainder of the web page that lies outside of the Theme or Widget pane that you selected.
   

   

   Color Field	Use the built-in color palette to select the background color of the splash template. This background color can be viewed in the Preview mode.
   Upload File	Uploads and inserts a new background image. Select , and select the file on your local system. Select Upload File. A thumbnail of the uploaded image is also added to the Gallery section. Multiple images can be uploaded, however, only one image can be used as a background image at a time.

   

   Note

   If the image is small and does not cover the entire page, select Repeat to repeat the image as multiple tiles in the background. Select No-Repeat to prevent the image from displaying as tiles.
9. Close the Page Settings dialog. From the Select Widgets tab, drag and drop a widget to each section of the theme that you selected. Each section can contain only one widget.
   

   Widget Options

   
10. To edit the text and images in the widgets, select to the right of a widget bar. (Edit each widget individually.) The widget editor opens. Text fonts, styles, colors, and hyperlinks can be managed using the widget toolbar. You can add an image from your local drive using Upload File or drag and drop an image from the Gallery pane. After inserting the image, customize the image placement and size using the Alignment, Width, and Height controls.
11. (Optional) To customize an HTML widget, select to the right of a widget bar. The HTML widget lets you design your web page from scratch, without using any of the system-provided templates or widgets.
    The HTML Editor opens.
12. (Optional) To customize the Login Button widget, select to the right of a widget bar. The Login Button widget creates a button that directs the user to a predefined URL. You can edit the URL, button label, font, color, size, alignment, and background color.
    

    Login Button Settings

    
13. Select Preview and review your design. Use the device orientation icons at the bottom of the screen to preview the splash page as seen on different devices and orientation. The following viewing options are available for:
    

    Device Type and Orientation Settings

    

    • Large screen devices like laptops (960 px wide)
    • Tablets and other wide screen devices (768 px wide)
    • Mobile devices with landscape orientation (568 px wide)
    • Mobile devices with portrait orientation (320 px wide)
14. Close the Preview page and make additional edits in the Splash pane if needed. Select Save.
15. Repeat steps 6 - 14 to create a template for the Success tab.
16. Open the Upload Logo pane. Select Upload Tenant Logo and select an image from your local system.
    

    Upload Logo

    
17. Open the Templates pane. In the Templates menu, select the new template and select the Status drop-down list to put it in Published mode.
18. Expand the Splash Pages pane, and select Add. Alternatively, select an existing splash screen to edit from the list and select the pencil icon.
    The Splash Pages page opens.
19. Enter a name for the splash screen and select a site from the drop-down list. (Only sites that are not assigned to a splash screen are available.) From the Select Template pane, select the new template. Select Save.
    

    Configuring New Splash Page

    
    The splash page is created and the template is assigned to the site.