Демо: EPT Вкладки
EPT: Обзор модуля Tabs Drupal
Extra Paragraph Types (EPT): Модуль Tabs создает новый тип абзаца для вкладок. Содержимое вкладок может быть блоками, страницами, представлениями и форматированным текстом. Вкладки основаны на плагине jQuery UI Tabs и имеют различные настройки для плагина jquery.
Вы можете скачать вкладки EPT с Drupal.org:
https://www.drupal.org/project/ept_tabs
composer require drupal/ept_tabs
Вкладки EPT основаны на плагине jQuery UI Tabs:
После установки Drupal EPT Модуль вкладок добавляет новый тип блока для вкладок.
Вкладки EPT содержат все функции модуля EPT, включая DOM Box, цвет фона / изображение / видео, настройки Edge to Edge:
https://drupalbook.org/ept/demo
Содержимое вкладок может быть блоками, страницами, представлениями и форматированным текстом. Вкладки основаны на плагине jQuery UI Tabs и имеют различные настройки для плагина jquery.
Вкладки EBT поддерживают разные стили:
- Без фона заголовка
- Минималистичные вкладки
- Вкладки как кнопки
- Вертикальные вкладки
- Вертикальные вкладки повернуты
Настройки по умолчанию Вкладки
Вкладка 1 контент
Вкладка 2 контент
Без фона заголовка
Вкладка 1 контент
Вкладка 2 контент
Минималистичные вкладки
Вкладка 1 контент
Вкладка 2 контент
Вертикальные вкладки
Вкладка 1 контент
Вкладка 2 контент
Вертикальные вкладки повернуты
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse placerat elit vitae ex tincidunt feugiat. Ut mollis sem in lorem varius, vel facilisis ex pulvinar. Pellentesque ornare felis tellus, id aliquet lacus fringilla id. Proin aliquet euismod diam, ut eleifend arcu volutpat sit amet. Cras iaculis ultricies dolor ac malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue orci vitae dignissim vulputate. Integer commodo turpis nulla, et feugiat mi faucibus a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Активный раздел
Вы можете выбрать, какой раздел должен быть открыт по умолчанию. Используйте поле «Активный раздел», чтобы написать порядковый номер раздела. Настройка активного раздела начинается с нуля, это означает, что отсчет начинается с нуля. Поэтому, если вам нужно открыть 3-й раздел по умолчанию, вам нужно ввести «2» в поле Активный раздел.
Вкладка 1 контент
Вкладка 2 контент
Вкладка 3 контент
Складной
Вы также можете отключить настройку «Сворачиваемый», тогда хотя бы один раздел всегда будет открыт.
Вкладка 1 контент
Вкладка 2 контент
Вкладка 3 контент
Все закрытые и складные
Вкладка 1 контент
Вкладка 2 контент
Вкладка 3 контент
Отключить вкладки
Вкладка 1 контент
Вкладка 2 контент
Вкладка 3 контент
Стиль высоты: Авто
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Стиль высоты: Заполнить
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.
Lorem Ipsum — это просто фиктивный текст в индустрии печати и набора текста. Lorem Ipsum был стандартным фиктивным текстом в индустрии с 1500-х годов, когда неизвестный печатник взял набор шрифтов и перетасовал их, чтобы сделать книгу образцов шрифтов. Он пережил не только пять столетий, но и скачок в электронный набор, оставаясь по сути неизменным. Он был популярен в 1960-х годах с выпуском листов Letraset, содержащих отрывки Lorem Ipsum, а в последнее время — с программным обеспечением для настольных издательских систем, таким как Aldus PageMaker, включающим версии Lorem Ipsum.