CookBook

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

投稿日:

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

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

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

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

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


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

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

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


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


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


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

-CookBook
-

執筆者:


comment

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

関連記事

no image

Web サーバで Cookie に SameSite=None; Secure 属性を追加する方法

ブラウザの仕様変更により、クロスドメインアクセスにおける Cookie の扱いに変更がありました。 Google Chrome では バージョン 80 以降、SameSite 属性が宣言されていない …

no image

IM-BloomMaker グラフエレメントのツールチップのフォーマットを指定する方法

このCookBookでは、Accel Platform 2020 Winter でグラフエレメントに追加された「tooltipPointFormat」プロパティについて紹介しています。 「toolti …

no image

Docker Compose で Accel Platform 環境を構築する。

この CookBook では、Docker Compose を利用して Accel Platform 環境を構築する手順について紹介しています。 この CookBook では、以下の記事で作成した D …

no image

BloomMaker 独自の入力チェックでエラーとなった時に入力部品にエラーのハイライトを表示する方法

このCookBookでは、Accel Platform 2021 Springから利用可能になったプロパティ「入力規則エラーハイライト」について紹介しています。 「入力規則エラーハイライト」は、入力さ …

no image

IM-BloomMaker 「マルチファイルアップロード」エレメントの利用方法

このCookBookでは、 2021 Spring でリリースした「マルチファイルアップロード」エレメントの利用方法について説明していきます。 登録画面でアップロードしたファイルを別画面でダウンロード …