The microsite sliders exist in 3 variations: Images, Numbered Slider and Video.

Image Slide

Image Slide

Function/Interaction

  • Images are shown in a gallery design with arrows. For endless scrolling: The endloss scroll tickbox has to be active. Arrows are shown always on the left and right side. When tickbox is not active the slider stops at the last slide

Author Rules

  • The microsite sliders component can only be placed on the microsite template within the microsite section
  • In the microsite slider, the type "Images" needs to be selected
  • Full width: Defines whether an image can be clicked in full size
  • The author can define a footer image on the microsite slider if "Image" is selected

Properties

  • Image: The author can select an image from DAM

Numbered Slide

Numbered Slide

Function/Interaction

  • Images and Text are shown in a gallery design with arrows. For endless scrolling: The endloss scroll tickbox has to be active. Arrows are shown always on the left and right side. When tickbox is not active the slider stops at the last slide.

Author Rules

  • The microsite sliders component can only be placed on the microsite template within the microsite section
  • In the microsite slider container, the type "Numbered Slides" needs to be selected

Properties

  • Background color: In the below example the background color is red, there is a selection of colors to choose from
  • Number background color: The background color of the number, should be darker than background color for it to look good
  • Number
  • Intro (mandatory): This is like a label, "symptom" in the example below
  • Title Text: Text field with paragraph styling options
  • Description Text: Text field with paragraph styling options
  • Image: This is the round image displayed on the right side
  • Background image: Use an svg or png (should be transparent) which is displayed on the left side of the component.
  • Dark mode: Switches font colors to dark

Video Slide

Video Slide

Function/Interaction

  • Videos and Text are shown in a gallery design with arrows. For endless scrolling: The endloss scroll tickbox has to be active. Arrows are shown always on the left and right side. When tickbox is not active the slider stops at the last slide

Author Rules

  • The microsite sliders component can only be placed on the microsite template within the microsite section
  • In the microsite slider container, the type "Video" needs to be selected

Properties

  • Background color: In the below example the background color is red, there is a selection of colors to choose from
  • Youtube ID: Use youtube ID snippet of the video URL
  • Image: If left empty, the youtube thumbnail is used. If filled, the image displays as the video still before starting the video
  • Intro (mandatory): This is like a label, "Exercise 1/2" in the example below
  • Title Text: Text field with paragraph styling options