Структура страниц

Структура страниц содержит разные типы элементы, которые связанны друг с другом. Это позволяет вам создавать легко настраиваемые страницы. 

На приведенной ниже диаграмме показана типичная структура страницы:

Для большей ясности следующая таблица содержит краткий глоссарий.

Следующее изображение объясняет принцип строк и колонок.

Создание и настройка страницы

Чтобы создать и настроить страницу, следуйте этой инструкции:

1. Создайте страницу.
   1. Создайте контейнер страницы.
   2. Создайте строку страницы.
   3. Создайте колонку страницы.
2. Добавьте элементы взаимодействия с системой:
   
   1. Создайте экземпляр виджета.
   2. Создайте опции виджета.

Создание страницы

Страница является шаблоном для других страниц, который необходимо настраивать внимательно.

Чтобы создать шаблон страницы, выполните следующие шаги:

1. Перейдите в Структура портала → Страницы.
2. Нажмите Создать и заполните поля.
3. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Страница

Создание контейнера страницы 

Контейнер страницы – это основная структурная единица страницы. После создания разделите контейнер на столбцы и строки.

Чтобы создать контейнер страницы, выполните следующие шаги:

1. Откройте запись страницы созданную раннее, для которой вам необходимо создать контейнер.
2. В области Связанные списки откройте вкладку Контейнер страницы.
3. Нажмите Создать и заполните поля.
4. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Контейнер страницы

Создание строки страницы 

Контейнер страницы можно разделить на строки, которые, в свою очередь, можно разделить на столбцы.

Чтобы создать строку страницы, выполните следующие шаги:

1. Откройте запись контейнера страницы созданную раннее, для которого вам необходимо создать строку.
2. В области Связанные списки откройте вкладку Строки страницы.
3. Нажмите Создать и заполните поля.
4. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Строки портала

Создание колонки страницы 

Строка страницы может быть разделена максимум на 12 колонок.

Чтобы создать колонку страницы, выполните следующие шаги:

1. Откройте запись строку страницы созданную раннее, для которой вам необходимо создать колонку.
2. В области Связанные списки откройте вкладку Колонки страницы.
3. Нажмите Создать и заполните поля.
4. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Колонка портала

Настройка макета страницы

Чтобы реализовать адаптивный макет страницы, выполните следующие действия:

1. Создайте контейнер страницы. На странице контейнеры размещаются в порядке убывания на основе значения поля Когда создано. Их можно отсортировать по значению поля Порядок.
2. Создайте строки в контейнере. Строки – это части контейнера, которые храненят содержим элементы контента. Они располагаются в порядке убывания в зависимости от значения поля Порядок. Строка может быть разделена максимум на 12 столбцов.
3. Создайте столбцы, в которых вы можете разместить свои виджеты, реализующие логику портала.
4. Определите ширину столбца на основе сетки Bootstrap. Вы можете указать число, определяющее, какой объем строки может занимать столбец.

Пример

Вы создали строку с двумя столбцами. Желаемые условия отображения следующие:

Реализация

Укажите значения в полях Декстопы (от 1200px), Ноутбуки (от 992px), Планшеты (от 768px) и Телефоны (до 768px) на форме записи столбца, как показано ниже:

Виджеты

Чтобы сделать страницу более интерактивной, используйте виджеты. Это небольшое интерактивное приложение, содержащее серверную и клиентскую логику. Он отправляет, получает и обрабатывает события через клиентские и серверные контроллеры. Виджеты SimpleOne можно добавлять как в формы, так и на страницы.

В готовой поставке платформы вы можете найти ряд предварительно настроенных виджетов, доступных в справочнике Виджеты. Чтобы познакомиться со всеми виджетами, перейдите в Структура портала → Виджеты.

В качестве примера можно рассмотреть один из "коробочных виджетов" – Main Announcement Widget. Этот виджет основан на портальном теге <previewList> и реализует список объявлений на главной странице портала.

Создание экземпляра виджета

Чтобы разместить виджет на странице потрала, используйте Экземпляры виджетов. Эти элементы помогают указать определенное место для виджета в соответствии с указанным столбцом и настроить параметры виджета с помощью опций виджета.

Чтобы создать экземпляр виджета, выполните следующие шаги:

1. Откройте созданную ранее запись колонки страницы, для которой вам необходимо создать экземпляр виджета.
2. В области Связанные списки откройте вкладку Экземпляры виджета.
3. Нажмите Создать и заполните поля.
4. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Экземпляр виджета

Создание опций виджета

Опции виджета определяют, например, логические различия для похожих виджетов, сужают критерии выбора и решают другие связанные задачи.

Чтобы создать опции виджета, выполните следующие шаги:

1. Откройте созданную ранее запись экземпляра виджета, для которой вам необходимо создать опции виджета.
2. В области Связанные списки откройте вкладку Опции виджета.
3. Нажмите Создать и заполните поля.
4. Нажмите Сохранить или Сохранить и выйти, чтобы применить изменения.

Поля формы Опции виджетов

{
  "itemView": "SP%20View%20Only",
  "tsGroupId": "158983234712988195"
}

<search tsGroupId=options.tsGroupId searchQuery="{data.search}"
  onChange="s_widget_custom.search(arguments[0]);"
  searchUrl="/portal/search_result" showTitle="true" size="lg"
  placeholder={data.placeholderMessage} itemPage ="record" itemView=options.itemView>