logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll
05/03/2023, by Ivan

EBT:Tabs Drupal モジュール概要

Extra Block Types(EBT):Tabs モジュールは、タブ用の新しいブロックタイプを作成します。タブのコンテンツには、ブロック、ページ、ビュー(Views)、フォーマット済みテキストを使用できます。タブは jQuery UI Tabs プラグインに基づいており、jQuery プラグイン用のさまざまな設定があります。

EBT Tabs は Drupal.org からダウンロードできます:

https://www.drupal.org/project/ebt_tabs

composer require drupal/ebt_tabs

EBT Tabs は jQuery UI Tabs プラグインに基づいています:

https://jqueryui.com/tabs/

インストール後、Drupal EBT Tabs モジュールはタブ用の新しいブロックタイプを追加します。

EBT Tabs には、DOM Box、背景色 / 画像 / ビデオ、Edge to Edge 設定など、EBT モジュールのすべての機能が含まれます:

https://drupalbook.org/ebt/demo 

タブのコンテンツには、ブロック、ページ、ビュー(Views)、フォーマット済みテキストを使用できます。タブは jQuery UI Tabs プラグインに基づいており、jQuery プラグイン用のさまざまな設定があります。

Tab content

EBT Tabs はさまざまなスタイルをサポートしています:

  • ヘッダー背景なし
  • ミニマリストタブ
  • ボタンのようなタブ
  • 縦型タブ
  • 縦型タブ(回転)

Select styles

Default settings Tabs

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Without header background

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Minimalist tabs

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Tabs like buttons

Tab 1

Tab 1 content

Tab 2

Tabs 2 content

Vertical tabs

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Vertical tabs rotated

Tab 1

Tab 1 content

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Tab 2

Tab 2 content

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Active section

You can select which section should be opened by default. Use "Active section" field to write order number of section. Active section setting is zero based, it means it starts to count from zero. So if you need to open 3rd section by default, you need to type "2" in Active section field. 

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Tab 3

Tab 3 content

Collapsible

You can also disable "Collapsible" setting, then at least one section wil be always opened.

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Tab 3

Tab 3

All Closed and Collapsible

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Tab 3

Tab 3 content

Disable Tabs

Tab 1

Tab 1 content

Tab 2

Tab 2 content

Tab 3

Tab 3 content

Height style: Auto

Tab 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Tab 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Height style: Fill

Tab 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Tab 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Tab 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.