CookBook

配置可能なエレメントを簡単に判断する方法

投稿日:

このCookBookでは、配置可能なエレメントを簡単に判断する方法について紹介しています。

BloomMakerのエレメントには配置するのに制限があるものがあります。
例えば、「フォーム部品(Bulma)」というカテゴリのエレメントは「フィールド」エレメントの配下に配置しなければいけません。

配置のルールを簡単に判断する方法

BloomMakerコンテンツ一覧からコンテンツ種別「Bulma」で新しいコンテンツを作成し、デザイン編集画面を開きます。

左ペインのエレメントパレットの「フォーム部品(Bulma)」を開きます。
すると、「フィールド」エレメントや「水平フィールド」エレメントの右端には点線がありますが、「テキスト入力」エレメントには点線がありません。


この点線の有無が配置の不可を表しています。

「フィールド」エレメントを用いた実例

「フィールド」エレメントを配置します。


「フィールド」エレメントが選択された状態になりますが、ここに直接配置できるエレメントがないため、エレメントパレットには点線が表示されません。


「フィールド」エレメント配下の「フィールドコンテンツ」エレメントを選択します。
点線が表示されているエレメントは配置でき、点線がないエレメントをダブルクリックしても配置することができません。


このように、配置可能なエレメントを簡単に判断することができます。

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

IM-BloomMaker 「リッチテーブル」エレメントのサンプル集

この CookBook では、intra-mart Accel Platform 2020 Spring から利用可能になった IM-BloomMaker のリッチテーブルエレメントの活用方法について …

no image

IM-FormaDesignerで複数のセレクトボックスを連動させて利用する方法

このCookbookでは、セレクトボックスの選択結果によって、他のセレクトボックスの選択肢を絞り込む方法を説明します。 この方法は、IM-FormaDesignerのみ導入環境での方法です。 IM-B …

no image

intra-mart WebPlatform の access.log に X-Forwarded-For を出力する方法。

この CookBook では、intra-mart WebPlatform の access.log に X-Forwarded-For を出力する方法について紹介しています。 フロントに Web サ …

Formaでスクリプトアイテムを使い、ボタン・見出し等の色やサイズを変更する方法

このCookBookでは、Formaでスクリプトアイテムを使い、デザインを変更する方法をご紹介します。 サンプルでは、「ボタンアイテム」の背景色の変更・「見出し」の背景色の変更・「ラジオボタン」のボタ …

no image

ワークスペースとToDo機能との連携

このCookBookでは、「intra-mart Accel Collaboration」の機能の1つであるワークスペースと「intra-mart Accel Collaboration」のToDo機 …