跳至主要內容

行動版自訂資料詳情頁

本指南說明如何為行動裝置建立並設定自訂資料詳情頁。

前提條件

此為付費功能。若您想使用這些功能,請聯繫我們的業務團隊。


如何建立並設定行動版資料詳情頁?

行動版自訂資料詳情頁無法獨立使用,必須與桌面版自訂資料詳情頁一併設定。建立行動版資料詳情頁前,請先確認您已完成桌面版的設定。

步驟 1:先建立桌面版資料詳情頁

若您尚未建立桌面版資料詳情頁:

前往「表單 > 擴充功能 > 資料詳情」,點選「升級為自訂詳情頁」,選擇您偏好的建立方式,並產生桌面版資料詳情頁。系統會將您重新導向至頁面設計器。

若您已有桌面版資料詳情頁:

前往「表單 > 擴充功能 > 資料詳情」,點選自訂資料詳情頁旁的「編輯」,即可進入頁面設計器。

步驟 2:建立行動版資料詳情頁

切換至行動版分頁,並選擇您偏好的建立方式:

從桌面版資料詳情頁建立

複製目前桌面版元件與設定,產生初始行動版頁面。部分元件與設定會與桌面版保持同步,也支援手動解除同步。

  • 當您在 PC 端調整屬性時,系統會自動更新對應的行動版元件;在行動版所做的變更不會影響 PC 端。

  • 可移除同步關係,將其轉換為未同步元件。

從空白頁開始自由建立

產生空白頁面,讓您可以從零開始自訂設計。

  • 所有元件屬性都可以獨立設定,不受 PC 端影響。

  • 未同步元件無法再轉回同步元件。

註:

  • 每個表單只能有一個行動版自訂資料詳情頁。

  • 當您選擇「從桌面版資料詳情頁建立」作為資料詳情頁建立方式時,初始產生的所有元件,除多分頁元件外,皆為同步元件。

  • 對於同步元件,在 PC 端刪除元件只會移除同步關係,對應的行動版元件不會被刪除。同樣地,刪除行動版元件也不會刪除 PC 端元件。

  • 複製同步元件時,新元件會成為未同步元件。

  • 多分頁元件無法作為同步元件使用。

步驟 3:新增元件

註:關於各元件的功能與設定方式,請參考「元件介紹」。

  1. 建立資料詳情頁後,將滑鼠游標移至頁面頂部,點選「+」按鈕即可新增元件。您也可以在現有元件下方新增元件。

  2. 此時,您可以直接新增元件,或從現有桌面版元件中新增。

  • 直接新增:建立未同步元件。支援的類型包含:

元件類型

元件

基礎元件

  • 摘要卡片

  • 階段列

  • 多分頁

  • 欄位

  • 資料表格

  • 清單

  • 資料輸入

  • 圖片

  • 富文字

  • 流程更新,僅在流程表單中可見/可用

  • 留言

  • 歷程紀錄

  • 嵌入頁面

圖表元件

  • KPI 卡片

  • 直條圖

  • 橫條圖

  • 折線圖

  • 面積圖

  • 圓餅圖

  • 從桌面版新增:從現有桌面版元件中選擇,除多分頁外,這些元件將會保持同步。

註:

若桌面版頁面沒有任何元件,則不會顯示「從現有桌面版元件新增」按鈕。

每個行動版資料詳情頁最多支援 50 個元件。

步驟 4:設定元件

選取元件後,可在右側面板中設定其屬性與樣式。詳情請參考「元件指南」。

您可以拖曳並調整元件大小,以調整其高度與位置。


元件設定

解除元件同步

若要將同步元件解除同步,請將滑鼠游標移至藍色區域,並點選「解除同步」。

複製、編輯或刪除元件

將滑鼠游標移至現有元件上,並點選左側的選單按鈕,即可複製、編輯或刪除此元件。特別注意,刪除多分頁元件時,您可以選擇是否一併刪除其內部元件。

調整元件高度

將滑鼠游標移至現有元件上,並點選左側的選單按鈕。啟用「自適應高度」後,元件會依內容動態調整大小;您也可以設定自訂高度。

註:

  • 資料輸入、嵌入頁面與圖片元件不支援自適應高度。

  • 摘要卡片與階段列元件一律使用自適應高度。

  • 除「流程更新」、「歷程紀錄」、「留言」與「多分頁」外,其他所有元件預設皆會啟用「自適應高度」。

移入或移出分頁

設計自訂資料詳情頁時,您可以依需求將元件移入或移出分頁。操作方式會依元件位於多分頁外部或內部而有所不同:

  • 位於多分頁外部

點選「移入多分頁頁面」→ 選擇一個多分頁元件 → 選擇分頁,即可將元件移入指定分頁。

  • 位於多分頁內部

選擇「從分頁頁面移出」,即可將元件從目前分頁中移出,或移至其他多分頁元件/其他分頁。


頁面設定

設定元件顯示規則

在「頁面設定 >> 元件顯示規則」中,點選「新增」來設定新規則。透過元件顯示規則,您可以設定特定元件或分頁僅在符合特定條件時顯示。

註:

  1. 行動版與桌面版資料詳情頁的元件顯示規則彼此獨立,互不影響。

  2. 當資料詳情頁選擇「從桌面版建立」時,系統會依桌面版設定,為行動版產生相同的顯示規則。後續桌面版顯示規則的變更不會影響行動版。

設定樣式與背景

點選右上角的「頁面設定」,即可設定全域樣式:

設定

說明

樣式

可從三種預設樣式中選擇資料詳情頁樣式。

背景

可設定顏色或圖片作為背景。圖片支援多種填滿方式,例如等比例完整顯示、覆蓋、拉伸。

預覽資料詳情頁

  • 點選右上角的「預覽」,並切換至行動版分頁,即可即時查看設計效果。

  • 選擇不同的預覽資料,可以查看頁面在不同資料記錄下的顯示效果。

註:

  • 在預覽模式中進行的所有編輯、複製或刪除操作都是真實生效的,並會影響您的資料。

  • 預覽時僅能使用您具備查看權限的資料記錄。

儲存並啟用資料詳情頁

完成設計後,可使用右上角的「儲存」或「啟用」按鈕:

  • 儲存:儲存目前設計。若頁面已啟用,變更會立即生效;若尚未啟用,則只會儲存設計。

  • 啟用:僅在頁面尚未啟用時顯示。點選後會儲存設計,並啟用自訂資料詳情頁。

註:

儲存或啟用會同時影響行動版與桌面版資料詳情頁。若啟用桌面版頁面時尚未建立行動版頁面,行動版會先顯示系統預設頁面,直到行動版自訂資料詳情頁完成儲存並啟用。

刪除資料詳情頁

若要刪除行動版資料詳情頁,請前往行動版頁面設計器,並點選左上角的「刪除行動版自訂資料詳情頁」。

註:

  • 刪除後,行動版將恢復為系統預設資料詳情頁。

  • 從「擴充功能 > 資料詳情」刪除桌面版資料詳情頁時,也會一併刪除行動版資料詳情頁。

是否回答了您的問題?