Lightning コンポーネント開発者ガイド
jフロー画面全体を Lightning コンポーネントに置換
フロー画面でデフォルトのヘッダーとフッターを非表示にできるようになったので、ユーザの環境を完全にカスタマイズできます。画面全体を置き換える Lightning コンポーネントを作成して、フローのデザインを制御します。ヘッダーとフッターを非表示にし、画面の項目として Lightning コンポーネントを追加します。
例
このコンポーネント (c:flowFullScreen) は、ヘッダーとフッターを含め、画面全体を置き換えます。このコンポーネント、ヘッダー、フッター、フォームという 3 つのカスタムコンポーネントで構成されています。
c:flowFullScreen コンポーネント
1<aura:component implements="lightning:availableForFlowScreens" access="global" >
2 <!-- Get old phone number from flow -->
3 <aura:attribute name="oldPhone" type="String" required="true" />
4
5 <!-- Get new phone number from c:flowDynamicScreen to pass to flow -->
6 <aura:attribute name="newPhone" type="String" />
7
8 <c:flowHeader helpText="Some help text for you" />
9 <c:flowFooter actions="{!v.availableActions}" />
10 <c:flowDynamicScreen oldPhone="{!v.oldPhone}" />
11</aura:component>c:flowFullScreen デザイン
コンポーネントは、フローから取引先責任者の既存の電話番号を取得します。c:flowDynamicScreen から新しい電話番号を取得し、その値をフローに渡します。
1<design:component >
2 <design:attribute name="oldPhone" label="Current Phone" />
3 <design:attribute name="newPhone" label="Updated Phone Number"
4 description="Use to update the contact's phone number" />
5</design:component>