Hумерация блоков, слайдов, вкладок и шагов

Автоматическая нумерация элементов

Содержание:

1. Как разместить виджет «Номер блока или слайда»
2.Настройки виджета


Виджет «Номер блока или слайда» автоматически нумерует слайд, шаг, вкладку или блок. Он представляет собой текст в виде цифр и работает только в:

Например, так виджет нумерует содержимое в пошаговой форме:

Как пронумеровать слайд, шаг, вкладку или блок у себя на странице? Об этом ниже в статье 🙂

1. Как разместить виджет «Номер блока или слайда»

Шаг 1. Установим любую секцию или виджет, для которого применяется виджет «Номер блока».
В качестве примера используем секцию «Секция с блоками» и наполняем ее элементами из панели инструментов:

Шаг 2. Добавим виджет «Номер блока» на все блоки нашей секции.

Как видим, все наши блоки автоматически пронумеровались.
Переходим к настройкам вида виджетов нумерации. Для этого кликаем по настройке «Гаечный ключ» в правом верхнем углу виджета.

2. Настройки виджета «Номер блока или слайда»

Выберем Положение нумерации внутри виджета: «Слева», «По центру» или «Справа».

После зададим Формат в виде «1 2 3» или «01 02 03»

Применим собственный цвет в формате rgb из палитры цветов, кликнув по иконке цветного квадрата, или глобальный цвет, выбрав настройку «Земной шар».

Сделаем номера насыщенными, настроив «Непрозрачность» – передвинем ползунок до максимума. И наоборот, если номер нужно сделать менее видимым.

Также мы можем выбрать «Шрифт», его «Размер», а также задать «Жирность» и «Наклон».

Если нужно изменить формат числа, мы можем изменить его через
Исходный код. Например, изменив полностью код во вкладке «html» на:

<div class="number">
#{{_index}}/#{{_total}}
</div>

Получим число вида «1/4»:

  • 1 (index) - это номер видимого виджета «Номер блока»;

  • 4 (total) - это общее количество блоков, шагов, слайдов или вкладок, которое подсчитывается автоматически.

Например, настроим рассмотренный формат числа в пошаговой форме:

При удалении шагов, их общее количество уменьшается и значение total автоматически пересчитывается.

Готово! Мы только что разместили виджет «Нумерация блоков» на странице.
Если вам необходимо настроить другой формат числа или возникли другие вопросы по виджету - пишите нам в поддержку, будем рады помочь!😊

👆 На этом пока всё