CookBook

【IM-BloomMaker】レイアウトモードで上下左右キーを使って部品の余白を調整してみる

投稿日:

このCookBookでは BloomMaker のレイアウトモードで、上下左右キーを使って部品の余白を調整する方法についてご紹介いたします。


サンプル

以下のサンプルをダウンロードしてご活用ください。
このサンプルは、2024 Spring 版以降でインポートできます。


前提条件

この CookBook の手順をお手元の環境で実施する場合は、以下のコンテンツを BloomMaker で作成して使用してください。

  • デザイナタイプ:レイアウトモード
  • 使用するテンプレート:入力フォームから
  • コンテンツ種別:任意


上下左右キーを使って部品の余白を調整する

作成したコンテンツのレイアウト編集画面を開きます。

コンテナ上に配置されている「Basic Information」の見出しを選択してください。

上下左右キーを使って、部品の余白を調整することができます。

その他の部品も、上下左右キーを使って余白を調整することができます。

-CookBook
-

執筆者:


comment

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

関連記事

no image

IM-BloomMaker ストレージ上のファイルをダウンロードする方法

この CookBook ではストレージ上のファイルをダウンロードする方法を紹介します。ダウンロードするファイルの設置、必要なロジックの作成、画面からのロジックの呼び出し方法について順序立てて説明してい …

no image

テナント環境セットアップ時にテーブルが作成されるよう設定する

e Builderを利用して作成したアプリケーションにおいて、テナント環境セットアップ時に自動でテーブルが作成されるように設定する手順を紹介します。 今回は例として、CookBook:フォームに入力し …

no image

imuiListTableで複数選択した行データを取得する方法

このCookBookでは、imuiListTableで複数選択した行データを取得する方法を紹介します。 imuiListTableについての詳細はAPIドキュメントを参照してください。 [imuiLi …

no image

Solr の Docker を作成する。

この CookBook では、Solr の Docker の作成手順について紹介しています。 レシピ ベースイメージの作成 Solr の Docker イメージを作成します 実行します 1. ベースイ …

no image

IM-BloomMaker でページ切り替え時にアニメーションを付加する方法

このCookBookではエレメントの固有IDとCSSエディタを組み合わせ、「ページを開く」アクションでページ切り替え時に、横方向にスクロールするようなアニメーションが行われる画面を作成していきます。 …