Содержание:
1. Как разместить виджет «Номер блока или слайда»
2.Настройки виджета
Виджет «Номер блока или слайда» автоматически нумерует слайд, шаг, вкладку или блок. Он представляет собой текст в виде цифр и работает только в:
виджете «Новая форма» с включенной функцией пошаговой формы.
Например, так виджет нумерует содержимое в пошаговой форме:
Как пронумеровать слайд, шаг, вкладку или блок у себя на странице? Об этом ниже в статье 🙂
Шаг 1. Установим любую секцию или виджет, для которого применяется виджет «Номер блока».
В качестве примера используем секцию «Секция с блоками» и наполняем ее элементами из панели инструментов:
Шаг 2. Добавим виджет «Номер блока» на все блоки нашей секции.
Как видим, все наши блоки автоматически пронумеровались.
Переходим к настройкам вида виджетов нумерации. Для этого кликаем по настройке «Гаечный ключ» в правом верхнем углу виджета.
Выберем Положение нумерации внутри виджета: «Слева», «По центру» или «Справа».
После зададим Формат в виде «1 2 3» или «01 02 03»
Применим собственный цвет в формате rgb из палитры цветов, кликнув по иконке цветного квадрата, или глобальный цвет, выбрав настройку «Земной шар».
Сделаем номера насыщенными, настроив «Непрозрачность» – передвинем ползунок до максимума. И наоборот, если номер нужно сделать менее видимым.
Также мы можем выбрать «Шрифт», его «Размер», а также задать «Жирность» и «Наклон».
Если нужно изменить формат числа, мы можем изменить его через
Исходный код. Например, изменив полностью код во вкладке «html» на:
<div class="number">
#{{_index}}/#{{_total}}
</div>
Получим число вида «1/4»:
1 (index) - это номер видимого виджета «Номер блока»;
4 (total) - это общее количество блоков, шагов, слайдов или вкладок, которое подсчитывается автоматически.
Например, настроим рассмотренный формат числа в пошаговой форме:
При удалении шагов, их общее количество уменьшается и значение total автоматически пересчитывается.
Готово! Мы только что разместили виджет «Нумерация блоков» на странице.
Если вам необходимо настроить другой формат числа или возникли другие вопросы по виджету - пишите нам в поддержку, будем рады помочь!😊