Формы на странице, организованные в List

Name: Формы на странице, организованные в List
Availability: InStock
Author: Falcon Space

В этом примере мы выводим компоненты в рамках одного списка. Подобная стилизация организует несколько форм визуально в единое целое.

Пример разметки:

<ul class="list-group">
  <li class="list-group-item">
  	<div class="as-table" data-code="watch_editing" data-itemid="0"></div>
  </li>
  <li class="list-group-item">
  <div class="as-form" data-code="watch_savefield" data-itemid="1"></div>
  </li>
  <li class="list-group-item">
  <div class="as-form" data-code="watch_reset" data-itemid="1"></div>
  </li>
  <li class="list-group-item">
    <div class="as-form" data-code="watch_bg" data-itemid="1"></div>
  </li>

</ul>

Другие демостенды

— Таблицы в виде карточек
— Таблица, стилизованная под список

Что есть в базе знаний по этой теме

— Диаграмма Chartbar
— Как сделать каталог List с внешней разметкой
— Каталог List. Создание кастом фильтра со своей разметкой
— Каталог List. HOWTO
— Как сделать в каталоге List переключение вида элементов каталога

В чем выгода для бизнеса?

Организация форм в виде списка (list) создаёт чёткую и предсказуемую структуру. Это упрощает навигацию и заполнение, особенно на мобильных устройствах. Вы делаете интерфейс последовательным и удобным.