リスト

名前

BSLISTGROUP01

パーツバージョン

1.0.0

GCバージョン

1.3.3~

パーツアイコン

要旨

Bootstrapのリストグループ形式で出力します。

入出力仕様

指定された複数の要素、もしくは指定した要素以下に複数の要素がある場合に変換します。

オプション

表示行数制限

「表示する行数」で指定した数以上の行を出力するかどうかを選択します。
出力する場合、指定行数以上は「もっとみる」で表示します。

  1. ► ON:する
  2. ► OFF:しない

表示する行数

(リストの項目数制限)

リスト項目を何行分初期表示するか指定するオプションです。

値は正の整数で入力します。0または省略時はすべてのリスト項目が表示されます。

指定行数を超えるリスト項目がある場合、「もっと見る」をタップすれば以降のリスト項目を追加表示することができます(指定行数分表示を増やしていく)。

使用するリンク

当パーツはリスト項目全体をタップしてページ遷移します。リスト項目の中に複数のアンカーリンクが含まれる場合に、どれを遷移先にするかを選択するオプションです。

以下の選択肢から選択します。

► 一番最初に出現するリンク

► 最後に出現するリンク

追加するクラス(任意)

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

文脈で決まる間接的な色指定

文脈上の意味によって色を指定します。

  1. ► default:デフォルト(default)
  2. ► primary:主要(primary)
  3. ► success:成功(success)
  4. ► info:情報(info)
  5. ► warning:警告(warning)
  6. ► danger:危険(danger)

ビューの種類

1行テキスト表示

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

ビュー編集

なし

プリプロセス

リスト以外の要素を変換する

リスト項目にあたる要素(LI・DT・DD)を選ぶ場合でも、パーツがリスト構造を識別可能にするためのプリプロセス処理です。

選択した要素のすぐ下をリストとして変換する

選択した領域の子要素を繰り返し項目として選び、使用するプリプロセスです。繰り返し項目にあたる部分はリストではないが、その中にリスト(UL・OL・LI・DT)が混入している場合に有効なプリプロセスです。

使用するプリプロセッサを自動で判断する

選択した領域に応じてプリプロセス「リスト以外の要素を変換する」もしくは「選択した要素のすぐ下をリストとして変換する」のいずれかを自動で判断して実行します。「リスト以外の要素を変換する」「選択した要素のすぐ下をリストとして変換する」のどちらも指定していない場合に限り、動作します。

このプリプロセスは必ず実行されます。

関連CSSセレクタ

.gcpBsListGroup01(クラスセレクタ)

対応jQueryバージョン

なし

使用jQueryプラグイン

なし