1. On the "Creation" tab, in the "Containers" group, click "Sliding Banner".
2. Click where you want to create the control in the page. The control appears in the editor.
3. The Sliding Banner control includes:
   • several planes with the different elements of the sliding banner. Each plane contains all the controls required by a "slide" of the Sliding Banner.
   • slider bullets (or indicators), displayed at the bottom of the sliding banner, allowing the user to access a slide directly.
   • slide buttons, allowing the user to cycle through the "slides" of the Sliding Banner.

• select the Sliding Banner control.
• use the Page Up/Page Down keys to move between planes.

• If you click the left button and the right button in the editor, the corresponding planes will be displayed.
• If you click the slider bullets (or indicators) in the editor, the corresponding planes will be displayed.

Description window

• Create or delete the planes corresponding to the different "slides" of the sliding banner ("General" tab). Three planes are available by default.
  Remark: To access the different planes in the editor, you must:
  • select the Sliding Banner control.
  • use the Page Up/Page Down keys to move between planes.
• Define the properties specific to a plane ("General" tab): Simply select the desired plane to define:
  • whether the plane is visible by default.
  • the style options for the plane.
  • the plane tooltip.
• Define the operating options for the Sliding Banner control ("Details" tab): The options are as follows:
  • Define how the user will enable the slides. The available modes are:
    • with the keyboard: the user can click the arrow buttons to cycle through slides.
    • by horizontal swipe: the user will have to swipe with the mouse to cycle though slides.
    • by touch 'scroll': the user will have to perform a touch swipe to cycle through slides.
    • with slider bullets: the user will have to click the bullets to cycle through slides. If this option is not checked, the bullets are not displayed in the sliding banner.
    • with a previous button: the user will have to click the previous button of the sliding banner to cycle through slides. If this option is not checked, the previous button is not displayed in the sliding banner.
    • with a next button: the user will have to click the next button of the sliding banner to cycle through slides. If this option is not checked, the next button is not displayed in the sliding banner.
  • Enable click in banner background. Used to manage the click on the sliding banner background. If this option is checked, the "Click" event is automatically added to the events in the Sliding Banner control.
  • Start sliding automatically: Enables the automatic slide. In this case, all the visible planes are automatically displayed according to the order of planes and with the specified display duration.
  • Stop slide on hover: Stops cycling through planes when hovering over the current plane.
  • Duration of each slide: Duration between each "slide" of the Sliding Banner.
• Define the style for the Sliding Banner control ("Style" tab): You can define:
  • the CSS options of the control.
  • the slider bullets (indicators):
    • CSS style, if necessary.
    • Image set. The image set used must be compatible with the image set used for the Radio Button and Check Box controls. This image set can also contain an animation for the bullets.
    • Margin at bottom: distance of bullets in relation to the bottom border of the Sliding Banner control.
    • Spacing between each element: spacing between bullets.
    • Width and height of elements.
  • the button on the left:
    • CSS style, if necessary.
    • Image set. The image set used must be compatible with the image set used for the Button controls. This image set can also contain an animation.
    • Offset to left: distance between the button and the left border of the control.
    • Width and height of button.
  • the button on the right:
    • CSS style, if necessary.
    • Image set. The image set used must be compatible with the image set used for the Button controls. This image set can also contain an animation.
    • Offset to right: distance between the button and the right border of the control.
    • Width and height of button.

Content of planes used for the Sliding Banner control

• The planes associated with the Sliding Banner control can contain all the types of controls found in WEBDEV except another Sliding Banner control.
• A control in one plane of the banner can be associated to several planes of the Sliding Banner control. In this case, the control automatically becomes overlayable.

Customizing the Sliding Banner control

• configure the Sliding Banner control to no longer use the default controls ("Details" tab of the control description).
• program the action of the new controls with the slide management functions. For more details, see Customizing transitions between slides.