Microsite Sliders

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

Image Slider

Function/Interaction

• Images are shown in a gallery type design with sliders either always left and right ( for endless scroll) or on the right only on load for scrolling through to the last image.
  

Author Rules

• The microsite sliders component can only be placed on the microsite template within the microsite section.
• In the microsite slider, the type "image" needs to be selected
  
• The author can defined a footer image on the microsite slider if "Image" is selected
  

Properties

• Image: The author can select an image from DAM
  

Numbered Slider

Function/Interaction

• Images and Text are shown in a gallery type design with sliders either always left and right ( for endless scroll) or on the right only on load for scrolling through to 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 "Numbered Slide" 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: 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 image displayed round on the right side
  
• Background image: Use an svg or png (should be transparent) here which is displayed on the left side of the component.
  
• Dark mode: Switches font colors to dark
  

Video Slider

Function/Interaction

• Videos and Text are shown in a gallery type design with sliders either always left and right ( for endless scroll) or on the right only on load for scrolling through to 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 "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:
• Image: If left empty, the youtube still is used. If filled, the image displays as the video still before starting the video.
  
• Intro: this is like a label, "Exercise 1/2" in the example below.
  
• Title Text: Text field with paragraph styling options