CookBook

最初に表示するページを指定する方法

投稿日:

このCookBookでは、最初に表示するページを指定する方法について紹介しています。

BloomMakerのデザイン編集画面でコンテナページを追加すると、プレビュー画面やアプリケーション画面では1つ目のコンテナページが表示されます。

2つ目以降のコンテナページを表示したい際に、最初に表示するページを指定する方法を説明します。

コンテナページを追加する

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

コンテナの上の「New Page #1」の横にある+マークをクリックします。

これで、コンテナページの追加ができます。

コンテナページの設定を行う

どのコンテナページが開かれているかわかりやすいように設定を行います。

NewPage#1に「見出しレベル1」を配置します。
右ペインの「プロパティ」の「エレメント固有」で「textContent」にPage1を設定します。


コンテナページを追加し同様に「見出しレベル1」を配置します。
右ペインの「プロパティ」の「エレメント固有」で「textContent」にPage2を設定します。


ここでプレビュー画面かアプリケーション画面を表示させるとPage1が表示されます。

最初に表示されるページの設定を行う

2通りの方法を紹介します。

  1. コンテナのプロパティから設定する
  2. コンテナページのタブから設定する
1. コンテナのプロパティから設定する

デザイン編集画面を開きヘッダにある「コンテナを選択」をクリックします。

右ペインの「プロパティ」タグから「コンテナ設定」を表示します。

この「コンテナ設定」の中にある「メインページ」の項目が、最初に表示されるページを指定する項目になります。

「メインページ」の設定を「New Page #2」にします。

すると、コンテナの上の「New Page #2」というタグの横に[main]と表示されます。

ここでプレビュー画面を表示させるとPage2が表示されます。

2. コンテナページのタブから設定する


デザイン編集画面を開き、2ページ目のコンテナページのタブをダブルクリックすると[main]という表示が2ページ目のほうにつきます。


ここでプレビュー画面を表示させるとPage2が表示されます。


このようにして、プレビュー画面やアプリケーション画面で任意のコンテナページを表示させることができます。

-CookBook
-

執筆者:


comment

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

関連記事

no image

intra-martを初めて使う開発者が、まずは e Builder で「Hello world!」する方法

e Builder は、intra-mart Accel Platform で動作するアプリケーションを開発するための開発支援ツールです。 このレッスンでは、intra-martを初めて使う開発者が …

no image

IM-BloomMaker 変数セレクタを表示中でも変数を編集できます

IM-BloomMaker で画面を作成している際、エレメントのプロパティに変数値を設定しようとして変数セレクタを開いてから、『あ!変数を作り忘れてたから、いったん作成するために画面を戻らなくては』と …

no image

申請時の注意事項を添付ファイルとして配置する方法

このCookBookでは、申請時の注意事項を記載したファイルを、申請画面の添付ファイルとして配置する方法について紹介しています。 FormaDesignerの前処理プログラムで任意の添付ファイルを設定 …

no image

IMBox に投稿種別を追加する方法(Markdown)

このCookBookでは、IMBoxに投稿種別を追加する方法について紹介しています。 以下のドキュメントを参照することで、IMBox に投稿種別を追加することができます。 IMBox プログラミングガ …

no image

テナント環境セットアップでテナント固有の属性を登録する。

この CookBook では以下の方法を紹介します。 テナント環境セットアップでテナント固有の属性を登録する方法。 システム管理者のテナント管理画面で、テナント固有の属性を編集する方法。 今回は「外部 …