タブ

名前

BSTAB01

パーツバージョン

1.0.0

GCバージョン

1.3.3~

パーツアイコン

要旨

Bootstrapのタブ形式で出力します。

ラベルパス

見出し

タブの見出しを表すノードパスもしくはテキストを指定します。マーキングを行う場合は、見出しに相当する部分に属性 data-gc-label="title" を記述してください。

コンテンツ

タブのコンテンツを表すノードパスもしくはテキストを指定します。マーキングを行う場合は、コンテンツに相当する部分に属性 data-gc-label="contents" を記述してください。

入出力仕様

指定された範囲の内、見出し、コンテンツをラベルパスで指定します。

オプション

初期タブ番号

初期状態で表示するタブのインデックスを指定します。

► 数値(省略時は先頭コンテンツ0)

タブ見出しの幅縮小

タブの数に合わせて見出しの大きさを自動調整するかどうかを指定します。

  • ► OFF : しない
  • ► ON : する

追加するクラス(任意)

パーツのdiv要素に追加する独自クラスを指定します。スペース区切りで複数のクラスを指定することもできます。

ビューの種類

横一列タブ配置

class="tabs"を指定したdiv要素を出力します。

出力HTMLの外枠にDIV要素が配置されます。

ビュー編集

削除対象の属性定義

(gcp="item:start.removeAttrs"のvalue属性)

元コンテンツの属性の内、ここに定義した属性が削除されます。

ビュー編集タブ上でこの定義内容を編集できます。

プリプロセス

なし

関連CSSセレクタ

.gcpBsTab01(クラスセレクタ)

対応jQueryバージョン

なし

使用jQueryプラグイン

なし