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

IM-BloomMaker IE で画面を開くと「Internet Explorer は対応していません。」と表示するアプリケーションの作成方法

この CookBook では、 IE で画面を開くとダイアログで「Internet Explorer は対応していません。」と表示するアプリケーションを作成します。 Accel Platform 20 …

no image

物理マシン 1 台で Resin のクラスタリング環境を構築する

この CookBook では、物理マシン 1 台で Resin のクラスタリング環境を構築する手順について紹介しています。 Resin のクラスタリングを構築するには通常複数台のマシンが必要ですが、D …

BloomMakerでワークフロー処理モーダルを利用してWorkflowコンテンツを作成する

このCookBookでは、2020 Spring(8.0.25)でリリースした下記の機能を利用して、Workflowのコンテンツを作成する方法を紹介します。 IM-BloomMakerのアクションに、 …

IM-BloomMaker 繰り返しエレメントでの変数の使い方

このCookBookでは、IM-BloomMakerの繰り返しエレメントと変数の使い方について紹介しています。 サンプルでは、1・2・3次元配列の変数を使用して繰り返しエレメントを表示します。 完成イ …

no image

WebServer へのリクエスト情報から動的に BaseURL を決定する方法(IIS 編)

ここでは、WebServer(IIS)へのリクエスト情報から BaseURL を動的に決定する方法を BaseUrlProvider のサンプル実装、IIS との連携例と共に紹介します。 製品標準の設 …