CookBook

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

投稿日:

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


サンプル

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


前提条件

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

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


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

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

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

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

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

-CookBook
-

執筆者:


comment

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

関連記事

ワークフローの参照者を動的に設定する

このCookbookでは、IM-Workflow 2018 Springから新たに追加された 処理対象者プラグイン「ロジックフロー(ユーザ)」 の設定方法を紹介いたします。 この機能を利用すると、申請 …

スプレッドシートでシートの保護を利用して、ノード毎に入力セルを制御する

このCookBookでは、スプレッドシートでシートの保護を利用して、ノード毎に入力セルを制御する方法について紹介しています。 Excelでは、シートの保護を利用して、特定のセルのみ入力できるように制御 …

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

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

IM-LogicDesignerを利用して、申請日が一定期間経過した特定フローの完了案件をアーカイブする

このCookBookでは、LogicDesignerを利用して、申請日が一定期間経過した特定フローの完了案件をアーカイブする方法について紹介しています。 完成イメージ 1. サンプルのロジックフローを …

IM-BloomMaker のカスタムスクリプト内で $im.resolve を使った一覧画面の作成

この CookBook では、ユーザー情報一覧画面からデータの詳細情報を表示する画面に遷移するために $im.resolve を使う方法を紹介します。 以下のレシピに従って作業を行うと、一覧に表示され …