Системные настройки одинаковы для всех виджетов. Они позволяют управлять видимостью и доступом виджетов, настраивать их поведение при наведении курсора и т. д.
Чтобы значения системных настроек менялись динамически, можно связать их с контекстными переменными.
Вкладка «События»
На вкладке вы можете задать скрипт, который будет выполняться после определённого события:
- Событие при наведении курсора — начнётся, когда пользователь наведёт курсор на виджет. К примеру, откроется всплывающее окно с подсказкой;
- Событие при перемещении курсора за границы — произойдёт, когда пользователь переместит курсор за пределы виджета. Например, окно, вызванное при наведении курсора, закроется.
Вы можете использовать переменную типа Событие в контексте пользовательского виджета, чтобы передать данные события в родительский виджет. Тогда эта переменная отобразится на вкладке События. Подробнее об этом читайте в статье «Передать событие в родительский виджет».
Чтобы настроить исполняемый скрипт:
- Напротив нужного события нажмите кнопку Создать.
- Введите название скрипта и нажмите Открыть.
- Пропишите скрипт в открывшейся вкладке Скрипты.
- Скрипт сохраняется автоматически. Чтобы выйти из дизайнера интерфейсов, нажмите Сохранить и Опубликовать.
Вкладка «Системные»
- HTML стили — задайте CSS‑стили для виджета, например, определите его ширину;
- HTML классы — вы можете настроить HTML‑стиль с помощью виджета Код, а затем применить его к текущему виджету. Для этого укажите в поле название стиля из заданного скрипта. Один настроенный стиль можно применять сразу к нескольким виджетам. Например, так можно настроить одинаковый цветной фон для разных виджетов на форме;
Настройка цветного фона виджетов с помощью опции HTML классы
<style>
|
- Видимость — позволяет скрыть виджет визуально с помощью CSS‑стилей и HTML‑разметки. При этом сам виджет не удаляется из кода страницы. Определите условия отображения виджета:
- Показывать всегда — виджет в любом случае будет виден пользователю;
- Показать по условию, Скрыть по условию — добавьте условие, при котором виджет отобразится или скроется. Для этого установите связь настройки с контесктной переменной. Например, выберите вариант Скрыть по условию и свяжите эту настройку с переменной типа Выбор «да/нет». Виджет отобразится, если пользователь при заполнении данных выберет Нет, и скроется, если выбрать Да;
- Показать для групп — чтобы отобразить виджет только для определённых групп пользователей, выберите их в поле, которое появится ниже;
- Скрывать всегда — виджет в любом случае скроется для пользователя;
- Рендер — позволяет не загружать данные виджета на страницу. В случае скрытия виджет удаляется при помощи функции уничтожения. Определите, когда получать данные виджета для его отображения на странице:
- Показывать всегда — изображение виджета сформировано и отображается на странице;
- Показать по условию, Скрыть по условию — установите условие, при котором изображение виджета формируется в коде страницы или вызывается функция его уничтожения. Для этого привяжите к настройке контекстную переменную типа Выбор «да/нет». Например, при выборе варианта Да для опции Скрыть по условию виджет уничтожится;
- Показать для групп — чтобы изображение виджета формировалось только для определённых групп пользователей, выберите их в поле, которое появится ниже;
- Скрывать всегда — изображение виджета не формируется, его нельзя увидеть на странице, в том числе в её коде. Чтобы скрыть виджет визуально без удаления из кода страницы, используйте опцию Видимость.
Подробнее об использовании настроек читайте в разделе «Сравнение опций „Видимость“ и „Рендер“»;
- Только для чтения — настройте доступ к виджету:
- Наследовать от родителя — опцию удобно использовать, когда внутрь одного виджета добавлен другой. К примеру, внутри виджета Колонка, который доступен только для чтения, вы разместили список с элементами приложения. Для того, чтобы пользователи не могли вносить изменения в этот список, при его настройке укажите опцию Наследовать от родителя;
- Да — пользователи не смогут редактировать данные, которые отображает виджет;
- Нет — пользователи смогут редактировать данные, отображаемые внутри виджета;
- Загружать содержимое асинхронно — опция доступна для виджетов, в которых содержатся данные, например, Колонки, Входящие задачи, Панель с заголовком. Включите опцию, чтобы содержимое отображалось только после полной загрузки страницы или формы приложения.
Сравнение опций «Видимость» и «Рендер»
Рассмотрим, чем отличаются настройки:
- Видимость — управляет визуальным отображением виджета на странице при помощи CSS‑стилей и HTML‑разметки;
- Рендер — определяет наличие виджета в коде страницы. Например, можно настроить скрытие виджета по условию, чтобы загрузка его данных в код страницы и последующее отображение выполнялись только при заданном условии.
Вы можете применять опцию Рендер в следующих случаях:
- Входные данные для корректной работы виджета ещё не готовы.
Чтобы пользователь не видел пустой или некорректно работающий виджет на странице, настройте его загрузку в код страницы, только когда для виджета получены все необходимые данные. - Для максимальной конфиденциальности.
Вы скрыли виджет с помощью настройки Видимость, но хотите, чтобы пользователи не смогли посмотреть его через инструменты разработчика. Используйте опцию Рендер, чтобы виджет не загружался в код страницы. Например, выберите вариант Скрывать всегда. - Для оптимизации времени загрузки страницы.
Когда в опции Рендер вы выбираете значение Скрывать всегда, функция инициализации не вызывается. Данные для отображения виджета не запрашиваются, поэтому страница загружается быстрее.
Совместное использование опций «Видимость» и «Рендер»
Если настройки выполнены и опубликованы, то:
|
Была ли статья полезной?