正在設定停用展望面板 configuring-retirement-outlook-panel

  • 這是建立第一個互動式通訊檔案的多步驟教學課程的第10部分。 在本部分中,我們將透過新增文字和圖表元件,來設定「淘汰前景面板」。

  • 登入AEM Forms並導覽至「Adobe Experience Manager > Forms > Forms與檔案」。

  • 開啟401KStatement資料夾。

  • 以編輯模式開啟401KStatement檔案。

設定LeftPanel目標區域

  • 點選右側的LeftPanel目標區域,然後按一下「+」圖示以開啟「插入元件」對話方塊。

  • 插入文字元件。

  • 輕輕點選新新增的文字元件,以開啟元件工具列

  • 選取「鉛筆」圖示以編輯預設文字。

  • 將預設文字取代為"您的退休收入展望」

設定RightPanel目標區域

  • 點選右側的RightPanel目標區域,然後按一下「+」圖示以開啟「插入元件」對話方塊。

  • 插入文字元件。

  • 輕輕點選新新增的文字元件,以開啟元件工具列。

  • 選取「鉛筆」圖示以編輯預設文字。

  • 將預設文字取代為"預估每月退休收入」

新增退休收入Outlook檔案片段 add-retirement-income-outlook-document-fragment

  • 按一下「資產」圖示並套用篩選器,以顯示「檔案片段」型別的資產。 將RetirationIncomeOutlook檔案片段拖放至[左面板]目標區域。

  • 您可以參閱 至此頁面 將檔案片段新增到內容區域時。

新增預估月收入圖表 adding-estimated-monthly-income-chart

  • 按一下右側的RightPanel目標區域。 按一下「+」圖示以插入圖表元件。 我們將使用直條圖來顯示預估的每月收入。 輕輕點選新插入的圖表元件。 選取「扳手」圖示以開啟設定屬性表。使用下列屬性設定圖表,如下方熒幕擷圖所示。

AEM Forms 6.4 — 設定預估月收入直條圖

form64

AEM Forms 6.5 — 設定預估月收入直條圖

forms65

後續步驟

設定圓形圖

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e