ページ・ヘッダーをカスタマイズ

アプリ内のすべてのページには、ページ・コンテンツからビジュアル・ストライプで区切られたページ・ヘッダーが含まれており、ユーザーにページ固有の情報を提供します。このデフォルトのヘッダーは、page-headerフラグメントによって定義され、要件にあわせてカスタマイズできます。

ページを開き、ページ・キャンバスで水平ストライプの上にある領域を選択します。または、「構造」ビューでpage-headerを選択します。

図page-header.pngの説明
page-headerフラグメントの「プロパティ」ペインで、「入力パラメータ」の下のtitleプロパティを使用してページ・タイトルを設定します。タイトル・テキストを削除することもできます。デフォルトでは、ページのフロー名がタイトルとして使用されます。
オプショナル: ページ固有のアクションを追加するには、選択したコンポーネントを「アクション」スロットに追加します。たとえば、フラグメント・スロットにボタン・セットを追加し、いくつかのオプションを表示するように構成できます。

これを行うには、「コンポーネント」パレットの「ボタン・セット」(One)コンポーネントをキャンバス上のpage-headerフラグメントに、構造ビューの「テンプレート(アクション)」に、またはフラグメントの「プロパティ」ペインの「アクション」にドラッグします。

または、フラグメントの「プロパティ」ペインで「アクション」にカーソルを置き、「コンポーネントの挿入」アイコン()をクリックしてコンポーネントを選択します。
「
図page-header-insertcomponent.pngの説明」

次に、ページ・ヘッダーにページ固有のアクションがあるページの例を示します:

図page-header-example.pngの説明