フォームブリッジで項目を横並びにする方法

フォームブリッジ で作成する場合、通常はラベルと項目が上下並びとなります。

やりたいことは、

・ラベルと項目を横並びする

・複数の項目を横並びにする

カスタマイズする方法をご教示ください。

 

 

宮田圭一様

お世話になっております。
cstapの江田と申します。

・ラベルと項目を横並びする
CSSを用いて変更できます。
「フォームの詳細 > カスタマイズ」から以下を記述したCSSファイルを読み込ませてください。

.column.el-form-item.field\>label,.column.el-form-item.field\>div{display:inline-block;vertical-align:bottom;max-width:calc(100%-100px);/\* ラベルの幅に合わせて調節してください \*/}

・複数の項目を横並びにする
「フォームの詳細 > フィールド」から変更できます。
ドラッグアンドドロップで各フィールドの配置を変更してください。

江田篤史様

ご回答ありがとうございます!

教えていただいた方法を試してみます!