Skip to content

Slide

The Element type Slide allows you to create an interactive image or content slider within the Business Portals dashboard. This element enables smooth transitions between multiple images, supporting automatic playback and user navigation.

Configuring a Slide Element

To configure a slide element, follow these steps:

  1. Click on the search icon in the top-right corner .
  2. Search for Business Portals - Dataset List and open the page.
  3. Select the dataset you want to configure the slide element for.
  4. On the newly opened dataset page, execute the action Dashboard Groups.
  5. Create a new line or select an existing one. For more info about how to set up a dashboard, follow this documentation.
  6. To assign the element the Row type, select it via the Group View Style field.
  7. Assign a dataset by selecting one via the Dataset Table Code field. If there are none visible, refer to this documentation on how to set up dataset tables.
  8. There is a fact box called Web Content on the page. If it's not visible, click on the info icon in the top-right corner.
  9. Execute the Edit action of the fact box.

  10. Here you can define all properties of your slide element. <> To assign images to it simply create an image element and and assign it to the slide row. See this example

  11. Slide

    • Image
    • Image
    • Image

Tip

The Slide element is ideal for creating image carousels, product showcases, or displaying multiple promotional content blocks in a rotating fashion.

Metadata for Slide

In the General section, you can define the basic properties of the slide element:

  • Caption: Defines the label shown for the slide element.
  • Subtitle: Adds an optional subtitle.
  • CSS Class - Header: Specifies a custom CSS class for styling the header.
  • CSS Class - Content: Specifies a custom CSS class for styling the content.

Slider Options

In the Slider Options section, you can configure additional properties:

  • Slide Autoplay: Toggles whether the slides should transition automatically.
  • Slide Interval (ms): Defines the time in milliseconds before transitioning to the next slide.
  • Slide Indicator: Toggles whether slide indicators (dots) should be shown.
  • Slide Navigation: Enables or disables navigation controls (arrows) for manually switching slides.
  • Slide Loop: Toggles whether the slides should restart from the beginning after reaching the last slide.

Styling a Slide Element

You can style the slide element using custom CSS classes defined in the CSS Class - Header and CSS Class - Content fields. This allows for better integration with the overall dashboard design.

See Also