Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
С использованием этого модуля вы получаете удобный и практичный инструмент для создания и редактирования полей – универсального механизма навигации по странице и управления содержимым. Поля и группы полей в Field Group можно задавать несколькими способами:
1. Обычный div (без заголовка или с заголовком)
2. Филдсеты
3. Вертикальные вкладки.
4. Горизонтальные вкладки.
5. Аккордеон.
Пояснения.
Обычный div – это всем нам знакомый способ форматирования информации, при котором задаётся форма, размер поля выводя. Полный аналог тега <div>. Филдсеты, также как и div, очень похожи на тег <fieldset>. При помощи этой группы полей вы можете практически в визуальном режиме добавлять данные в группу полей, особенно удобна эта опция для редактирования форм ввода информации. Вертикальные и горизонтальные вкладки – одна из самых часто используемых опций. С её помощью вы можете в поля добавлять вкладки, которые будут расположены либо вертикально, либо горизонтально. Расположить их можно или вверху, или внизу группы. Наконец, аккордеон – это способ, при котором поля в группе отображаются последовательно, сверху вниз, и при нажатии пользователем на соответствующую вкладку происходит её открытие и закрытие всех остальных. Очень удобный способ, если нужно отобразить большое количество информации с длинными подзаголовками, не помещающимися во вкладки.Вертикальные и горизонтальные вкладки.
Наиболее часто используемая опция – вертикальные и горизонтальные вкладки. Давайте рассмотрим поподробнее, что они из себя представляют. Допустим, у нас имеется поле на странице, в котором нужно поместить определённую информацию. В зависимости от того, что конкретно хочет видеть пользователь, мы предоставляем ему право выбора. В случае горизонтальных вкладок, в верхней части поля расположены горизонтально несколько небольших областей, по типу закладок в каталоге. Эти области подписаны, желательно, чтобы описание было не очень длинным – иначе оно не поместится в элемент вкладки. Пользователь, наводя мышкой на вкладку, выбирает поле из группы полей, в котором отображается нужная ему информация. При этом он руководствуется названием вкладки, которое отображается в верхней части информационного поля.Вертикальные вкладки работают схожим образом – с той лишь разницей, что «корешки» вкладок расположены вертикально, сбоку от информационного поля. В зависимости от выбора создателя сайта, вы можете выбирать ориентацию текста в «корешке» вкладки – вертикально или горизонтально.
Обобщение.
Все способы оформления полей с точки зрения пользовательского интерфейса можно отнести к классу виджетов. Виджеты позволяют повысить эргономику сайта, а с помощью Field Group вы можете задавать виджеты на веб-странице максимально просто.
