跳至主要內容

自訂資料詳情頁

什麼是自訂資料詳情頁?

自訂資料詳情頁是一項強大的工具,讓您可以設計並個人化應用程式中資料的顯示方式。

您不再受限於預設版面,而是可以依照業務流程與使用者需求,自行調整介面。

透過多種元件,例如階段列、摘要卡片、資料輸入、嵌入頁面等,您可以從範本開始建立頁面,也可以使用直覺式拖曳操作,打造獨特的版面配置。這樣的彈性可確保資料以最有效的方式呈現給您的團隊。


什麼時候適合使用自訂資料詳情頁?

當標準版面無法滿足需求時,自訂資料詳情頁能發揮很好的效果。以下是一些常見使用情境:

  • 商機管理:透過階段列,即時查看並更新商機狀態。

  • 專案詳情:在專案的自訂資料詳情頁中,直接透過資料表格管理與查看相關客戶、任務及其他資料。

  • 客戶資訊:查看客戶詳情的同時,也可透過資料輸入元件新增跟進紀錄、聯絡人或訂單。

註:自訂資料詳情頁不適用於以下情境。系統將改為顯示預設資料詳情頁:

  • 透過表單外部連結存取

  • 行動裝置存取

  • 從「管理資料」頁面存取


自訂資料詳情頁看起來是什麼樣子?

自訂資料詳情頁可以依您的需求設計得簡單或豐富。您可以在頂部放置摘要卡片、使用階段列追蹤狀態、透過分頁整理資訊,也可以使用表格或表單與關聯資料互動,並讓整體樣式符合您的品牌或工作流程。


前提條件

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


如何設定?

步驟 1:建立自訂資料詳情頁

前往表單編輯頁面,並在「擴充功能 >> 資料詳情」下點選「升級為自訂詳情頁」。接著選擇建立方式:

  • 從範本建立:使用預先建立的範本作為起點,並進一步自訂。

  • 從空白頁建立:從零開始建立您的頁面版面。

進入頁面設計器後,您可以自由新增並設定元件。若您是從空白頁開始,也可以點選頂部的「+」按鈕來選擇範本。

註:目前每個表單僅支援一個自訂資料詳情頁。

步驟 2:設計自訂資料詳情頁

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

1. 新增元件

在設計頁面中,將滑鼠游標移至自訂資料詳情頁上方,並點選「+」按鈕即可新增元件。

您也可以將滑鼠游標移至現有元件上,點選其下方的「+」按鈕繼續新增元件。

元件類型

類型

詳細項目

基礎元件

  • 摘要卡片

  • 階段列

  • 多分頁

  • 欄位

  • 資料表格

  • 清單

  • 資料輸入

  • 圖片

  • 富文字

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

  • 留言

  • 歷程紀錄

  • 嵌入頁面

圖表元件

  • KPI 卡片

  • 直條圖

  • 橫條圖

  • 折線圖

  • 面積圖

  • 圓餅圖

2. 編輯元件

選取元件後,可在右側的「元件屬性」面板中設定其屬性。您也可以依需求拖曳調整元件的寬度與位置。

3. 複製、編輯或刪除元件

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

4. 調整元件高度

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

註:

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

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

  • 多數其他元件預設會啟用自適應高度。

5. 將元件移入或移出多分頁頁面

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

  • 位於多分頁外部:
    點選「移入多分頁頁面」→ 選擇一個多分頁元件 → 選擇要移入的分頁,即可將元件移至指定分頁中。

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

註:
若頁面中沒有多分頁元件,則不會顯示「移入多分頁頁面」與「從分頁頁面移出」選項。

步驟 3:設定頁面

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

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

  • 樣式:提供四種預設樣式可快速選擇。

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

  • 元件樣式:可選擇「卡片式」,也就是帶有容器與背景;或選擇「無邊框」,讓元件更自然地融入頁面。

  • 間距:調整元件之間的間距,例如緊湊或適中。此設定僅適用於「卡片式」樣式。

步驟 4:預覽自訂資料詳情頁

您可以隨時點選「預覽」,即時查看設計效果。

在預覽模式中,您可以選擇不同資料,查看頁面在實際資料記錄下的顯示效果。

註:

  • 在預覽期間執行的任何編輯、複製或刪除操作都會生效,請謹慎操作。

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

步驟 5:儲存並啟用自訂資料詳情頁

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

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

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

註:

上述按鈕會同時套用至桌面版與行動版,也就是兩者會同時儲存/啟用。若桌面版已啟用,但尚未建立行動版詳情頁,行動版仍會顯示系統預設頁面。當行動版詳情頁建立並首次儲存後,行動版詳情頁即會啟用。


如何切換資料詳情頁?

建立自訂資料詳情頁後,「系統預設」與「自訂資料詳情頁」都會列在「擴充功能 >> 資料詳情」下。選擇其中一個並點選「確定」,即可進行切換。您也可以點選「編輯」按鈕編輯任一頁面。

註:

自訂資料詳情頁啟用後,使用者在桌面端存取資料時會看到自訂頁面,但行動裝置上仍會繼續顯示預設詳情頁。


如何刪除自訂資料詳情頁?

若要刪除自訂資料詳情頁,請在「擴充功能 >> 資料詳情」下,點選該頁面旁的「刪除」按鈕。

註:
若已建立行動版自訂詳情頁,此操作也會一併刪除行動版詳情頁。

自訂資料詳情頁能協助您改變組織中查看與管理資料的方式。透過彈性的版面配置、豐富的元件,以及易於使用的設計工具,您可以打造提升生產力、並符合實際需求的操作介面。無論是管理商機、專案或客戶互動,自訂資料詳情頁都能讓資料真正為您所用。

準備好開始了嗎?立即開始使用,釋放資料的完整潛力!

是否回答了您的問題?