4.3.4. デザイナ画面を開く¶

4.3.4.1. デザイナ画面を開く¶

1. 「サイトマップ」→「BloomMaker」→「コンテンツ一覧」から、「コンテンツ一覧」画面を表示します。

2. デザイン編集を行うコンテンツをコンテンツツリーから選択しクリックします。

3. 「デザイン編集」をクリックします。

   

   図：「デザイン編集」

4. 「デザイナ」画面が表示されます。

   

   図：「デザイナ」画面 - 初期表示

4.3.4.2. デザイナ画面の詳細¶

図：「デザイナ」画面 - 初期表示

1. ヘッダ

   デザイナに対する基本的な操作を提供するヘッダです。

   以下の操作が可能です。

   • 上書き保存といったコンテンツに対する操作
   • デベロップモードへの切り替え
   • エレメントのコピー、切り取り、貼り付け、削除などの編集操作
   • プレビューの表示
   • CSSの編集
   • メモの編集・設定
   • IM-LogicDesignerや ViewCreator の編集画面へジャンプ
   • ヘルプの表示

2. エレメントパレット

   アプリケーションを構成するエレメントの一覧です。

   この一覧から利用するエレメントを選択し、コンテナ上に配置します。

3. コンテナヘッダ

   アプリケーション画面のコンテナページを設定します。

   コンテナページの増減、初期表示するコンテナページの変更ができます。

4. コンテナ

   アプリケーションを構成する画面です。

   複数のコンテナページをまとめており、コンテナページごとにエレメントを配置します。

5. プロパティタブ

   コンテナに配置したエレメントに対し、エレメント固有の動作や見た目などを設定する画面です。

6. 変数タブ

   アプリケーション画面が保持する情報を変数として設定する画面です。

7. アクションタブ

   エレメントに対して特定の操作が行われたときに実行される処理を設定する画面です。

8. 画面構成タブ

   コンテナページに配置されているエレメントの並び順や構成を閲覧するための画面です。