Skip to main content

Creating a Slider Block

A Slider block is a full-fledged slider editor for the main page or any other screen. It supports a tree structure of slides with nesting, drag-and-drop functionality, and individual display time settings for each slide.

1. Creating the Block​

In the Name field, enter the title, in the "Type" field select "Slider," and specify the

Marker
.

2. Slider Settings — Global Settings​

On the Slider settings screen, the Additional settings card provides general slider parameters:

  • Default display time — the display time for each slide.
  • Default time unit — the unit of measurement: seconds or milliseconds.

These settings apply to all slides that do not have an individual display time set.

3. List of Slides​

The list of slides is displayed as a tree table. Drag-and-drop is supported:

  • You can drag a slide between parents (nesting one slide within another).
  • You can change the order of slides within the same level.

Each slide is represented by a card that shows:

  • A preview of the image and text.
  • A visibility toggle (show/hide).
  • A display time icon (opens the display time settings window).
  • An Edit button — opens the slide editing page.
  • A delete button.

4. Display Time for an Individual Slide​

For each slide, you can set an independent display time that differs from the global settings. Click on the time icon in the slide card — the Time display settings window will open:

  • Display time — the display time for the slide.
  • Unit of measurement: Seconds or Milliseconds.
  • Pair validation of fields: fill in both fields or clear both — otherwise, a message will appear: "Fill both fields or clear both."

If no individual time is set for the slide, the global setting from Slider settings is used.

5. Editing a Slide​

Clicking on a slide opens a separate slide editing page with:

  • Breadcrumbs — navigation through the levels of the slider's nesting.
  • Attribute set selector — selection of a set of attributes that applies to this slide.
  • Nested child slides — a slide can have its own child slides, forming subgroups.