レイアウト コンポーネント

列

列コンポーネントを使用すると、他のコンポーネントを並べて表示し、列としてグループ化できます。

[サイズ] パラメーターを設定する場合、Bootstrap のグリッド クラスを使用して、列の表示に必要な画面幅を選択できます。

• xs - 携帯電話 (768px 未満)

• sm - タブレット (768px 以上)

• md - 小型ノート PC (992px 以上)

• lg - ノート PC およびデスクトップ PC (1200px 以上)

• xl - 大型モニター (1200px 以上)

• 列のプロパティ - コンポーネントに列を追加し、[幅]、[オフセット]、[プッシュ]、[プル] プロパティを調整して設定します。列のレイアウトを設定したら、他のコンポーネントを列コンポーネント内にドラッグ アンド ドロップできます。
• 列を自動調整 - 入れ子になった非表示のコンポーネントがある場合、列を自動的に調整します。

パネル

パネル コンポーネントを使用すると、コンポーネントをグループ化して、指定したパネル内に追加できます。

• テーマ - ドロップダウン リストからパネルのテーマを選択します。Bootstrap クラスが wrapper div に追加されます。
• 折りたたみ可能 - パネルを折りたたむことができます。
• Initially Collapsed - このプロパティは、[折りたたみ可能] をオンにした場合にのみ使用できます。フォームの読み込み時にパネルを折りたたみます。

表

表コンポーネントを使用すると、表を作成して、表の列と行の中に他のフォーム コンポーネントを格納できます。

• 行数/列数 - 表に表示する行または列の数を入力します。
• 行のコンポーネントを複製 - 行内のコンポーネントを複製し、残りの行にも追加します。複数行の表を作成し、各行に同じ内容を含める場合に使用できます。
• セルの配置 - 表内のセルの水平方向の配置を選択します。
• ストライプ - 行にストライプの網かけを追加します。
• 境界付き - 表に罫線を追加して表示します。
• ホバー - 行の上にマウスをホバーしたときに行を強調表示します。
• 縮小 - 表のサイズを縮小します。

タブ

タブ コンポーネントを使用すると、コンポーネントをタブにグループ化できます。フォームのレンダリング時には、一度に 1 つのタブを表示できます。

[タブ] 設定では、タブを追加、設定、並べ替え、削除できます。