Splash Screen

This Guide will help you to add Splash Screen.

Drag and Drop Splash Screen

  • Drag and Drop Splash Screen from left side Widget Panel at your desired portion of page.
  • When your website window reach that portion, At that time Splash Screen will get Displayed.
  • Here we have Dragged it at the Start of Page, so it will get Displayed when we load Page in Website.

Splash-screen-drag.png

Edit Content

  • When you Drag and Drop Splash Screen it will open Dialog Box for it.
  • Now in Dialog Box you can edit content by clicking on Edit Splash Screen as shown in image below.

Splash-screen-content.png

Delay Time and Display

  • Delay time will delay the Arrival of Splash Screen with that much time.
  • Select when you want to display Splash Screen from Display options.
  • Select style of Splash Screen. If you want to give your custom style then select Custom.

Splash-screen-settings1.png

Style and Animation

  • You can add your custom style by selecting Custom as shown image below.
  • There is another way to give custom styles which is given in later steps.
  • Now select type of Animation to Arrive the Splash Screen on your page. Same to Hide the Splash Screen.

Splash-screen-settings2.png

Custom Styles

  • This is the second way to give custom style to Splash Screen.
  • Just click on Edit Element Style to add custom styles.

Splash-screen-styles.png

Splash Screen View

  • Splash Screen will look like as shown in image below in your website.

Splash-screen-view.png

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Button

This Guide will Help you to edit Button Widget Settings and Style. Button Widget Settings When...

Icon

This Guide will Help you to edit Icon Widget Settings and Style. Drag Icon Widget When you Drag...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...

List

This Guide will Help you to edit List Widget Settings and Style. Drag List Widget When you Drag...

Chart

This Guide will Help you to edit Chart Widget Settings and Style. Drag Chart Widget When you...