元件是建立自訂資料詳情頁的基本組成單位。您不再受限於預設版面，而是可以使用元件，依照業務流程與使用者需求，精準調整介面。您可以在自訂資料詳情頁中設定以下元件：

您也可以設定每個元件的樣式。

摘要卡片元件用於顯示目前資料集中的關鍵資訊，包含標題、副標題與摘要欄位。通常會放置於資料詳情頁頂部，方便快速掌握核心內容，如下圖所示：

資料來源

您可以為元件設定以下三種類型的資料來源：

要顯示哪筆資料

此設定僅在資料來源選擇「其他表單」時可用。

當所選表單中存在多筆資料時，系統預設會使用第一筆資料作為資料來源。您可以套用篩選條件與排序規則，指定最終要使用的資料，如下所示：

標題

開啟「標題」旁的開關後，即可在元件中顯示標題。標題內容會使用該筆資料的「資料標題」。您也可以點選「設定資料標題」，並前往進階設定進行配置。

副標題

若要設定副標題，請從「副標題」下拉選單中選擇一個表單欄位。支援的欄位類型包含：單行文字、單選按鈕、下拉單選與流程狀態。

摘要欄位

點選「+ 新增欄位」即可新增所需欄位。新增後，您可以調整順序、重新命名或刪除欄位。

摘要版面

針對已新增的摘要欄位，系統提供兩種版面選項：橫向與直向。您可以選擇最符合需求的版面。各版面的效果如下所示：

階段列元件會以視覺化方式顯示資料記錄目前所處的業務階段，例如專案階段或商機階段，並支援快速切換階段。

資料來源

您可以為元件設定以下三種類型的資料來源：

要顯示哪筆資料

此設定僅在選擇「其他表單」時可用。當所選表單中存在多筆資料時，系統預設會使用第一筆資料作為資料來源。您可以套用篩選條件與排序規則，指定最終要使用的資料，如下所示：

階段欄位

您可以選擇「下拉單選」或「單選按鈕」欄位作為階段欄位。元件會依序將所選欄位中的選項顯示於階段列中，但不包含「其他」選項。系統會依據目前資料的值，自動高亮顯示對應階段。

允許直接編輯

啟用後，成員在查看資料詳情時，可直接點選階段列切換階段。此操作會同步更新階段欄位的值，無需進入資料編輯頁面。效果如下所示：

樣式設定

前往「樣式」區塊，可切換階段列的外觀並設定顏色。您可以選擇「跟隨主題色」，或選擇「自訂顏色」。

欄位元件可讓您在自訂資料詳情頁上顯示表單欄位，供成員查看。

資料來源

您可以為元件設定以下三種類型的資料來源：

要顯示哪筆資料

此設定僅在資料來源選擇「其他表單」時可用。

當所選表單中存在多筆資料時，系統預設會使用第一筆資料作為資料來源。您可以套用篩選條件與排序規則，指定最終要使用的資料，如下所示：

顯示欄位

超級管理員可以在新增此元件後，調整要顯示哪些欄位。新增元件時，「顯示欄位」區塊預設會選取所有表單欄位，但不包含以下類型：

欄位自訂版面

預設情況下，顯示欄位的版面會跟隨表單的屬性設定。若您想自訂以下項目，需先啟用「欄位自訂版面」。

資料表格元件可顯示來自關聯表單的相關資料。成員在查看資料詳情時，可以直接對關聯表單資料進行操作，例如新增、匯出、篩選等。

資料來源

您可以為元件設定以下兩種類型的資料來源：

要顯示哪些資料

1.資料篩選

選擇資料來源後，您可以套用篩選條件，限制元件中顯示的資料範圍。

2.資料排序

您可以設定排序規則，依特定順序顯示資料，方便成員查看與理解。

顯示欄位

選擇關聯表單後，可新增顯示欄位，將關聯表單中的欄位內容顯示於元件中。

資料排序

您也可以新增排序規則，讓關聯表單資料依特定順序顯示。支援排序的欄位類型包含：

分組

管理員可以透過選擇分組欄位，預先為成員設定分組規則。資料會依據這些欄位的值進行分組顯示。系統支援多個分組欄位，也可以設定各分組的顯示順序。

查看表格時，成員可依需求暫時修改分組設定。只需點選元件右上角的「分組」按鈕，即可調整分組欄位及其排序順序。

彙總

管理員可以透過選擇彙總欄位，並設定各欄位的計算方式，預先設定彙總規則，例如加總、最大值或其他彙總方式。

查看表格時，成員也可暫時修改設定。只需將滑鼠游標移至欄位底部，並選擇所需的彙總方式即可。

資料操作

對於具備資料操作權限的成員，系統操作下方的開關可控制成員是否能在元件中執行這些操作：

1）新增／匯入／匯出

2）批次列印

允許成員進行批次列印。若要啟用，請將「批次列印」開關切換為開啟，點選「設定」按鈕，並選擇指定的自訂列印範本。

3）自訂按鈕

允許資料來源表單中的自訂按鈕顯示於元件中，供成員使用。

從下拉清單中選擇所需的自訂按鈕。僅支援設定於表格檢視或批次操作工具列中的按鈕。

點選「管理」按鈕，可跳轉至自訂按鈕設定頁面，並在該頁面執行編輯、新增或管理自訂按鈕等管理操作。

自動調整欄寬

成員在元件中查看資料時，可以點選頁面底部的按鈕，將欄位自動調整為最佳寬度。

清單元件會以卡片形式顯示相關資料，突出關鍵內容，並支援多種版面選項，包含單欄、多欄與圖文混排版面。

資料來源

您可以為元件設定以下兩種類型的資料來源：

要顯示哪些資料

1.資料篩選

選擇資料來源後，您可以套用篩選條件，限制元件中顯示的資料範圍。

2.資料排序

您可以設定排序規則，依特定順序顯示資料，方便成員查看與理解。

清單版面

1）版面選項

元件支援兩種版面選項：清單與網格。在網格版面中，您可以調整卡片密度，包含：

2）卡片樣式

元件提供四種卡片樣式，包含圖文混排、純文字等，可依需求選擇。

清單內容

設定版面後，您需要設定每張卡片中顯示的內容，以及卡片的顯示順序。

1）圖片，選填

當卡片樣式包含圖片時，需設定圖片來源。您可以從表單中選擇圖片欄位，並設定圖片顯示樣式，包含：

2）資料標題

若您希望透過資料標題識別每張卡片，方便辨識，可啟用「資料標題」後方的開關，將其顯示於卡片上。

此外，您也可以點選「設定資料標題」，前往「擴充功能」頁面調整標題設定。

3）顯示欄位

依需求新增顯示欄位，用於在卡片中展示資料內容。

新增的顯示欄位預設會顯示欄位名稱，方便辨識。您可以調整欄位名稱的顯示位置，例如顯示於上方或欄位左側。若不想顯示欄位名稱，可取消勾選「顯示標題」。

4）資料排序

設定卡片內容後，您可以新增排序規則，讓卡片依特定順序顯示。點選「新增排序規則」，選擇欄位，並依需求設定為升冪或降冪。

資料操作

對於具備資料新增權限的成員，此開關可控制元件中是否顯示「新增」按鈕：

資料輸入元件允許成員在不離開資料詳情頁的情況下，將資料填寫至指定表單中，建立流暢的「邊看邊填」使用體驗。

選擇資料填寫表單

選擇您希望成員填寫的表單。您可以選擇目前表單，或此應用中的任何其他表單。

設定欄位值

選擇資料填寫表單後，您可以為其主表單欄位設定預設值。當成員開始填寫表單時，系統會依據這些預設設定，自動帶入對應欄位。成員仍可修改這些預先填入的值。

點選「設定預設值」，並設定以下選項：

完成所有設定後，點選「確定」儲存。

圖片元件用於在資料詳情頁中顯示一張或多張圖片。支援自動播放與多圖輪播等功能。

資料來源

資料來源可設定為以下兩種類型：

1.來自表單資料的圖片欄位

您可以從以下三種類型的表單資料中選擇圖片欄位：

2.手動上傳

若要新增自己的圖片，請切換至「手動上傳」，並點選「+ 上傳」。上傳後，您可以依需求為每張圖片設定以下內容：

以顯示文字為例，效果如下所示：

要顯示哪筆資料

此設定僅在資料來源選擇「其他表單」時可用。

當所選表單中存在多筆資料時，系統預設會使用第一筆資料作為資料來源。您可以套用篩選條件與排序規則，指定最終要使用的資料。

輪播設定

當您的資料來源包含多張圖片時，無論是來自目前資料中的圖片欄位，或透過手動上傳，「輪播設定」區塊都會顯示。您可以在此設定自動播放與輪播模式。

自動播放

啟用後，圖片會以投影片形式自動播放。您也可以設定每張圖片之間的播放間隔。

啟用自動播放後，仍可手動切換圖片。

輪播模式

您可以選擇以下兩種輪播模式：

在多圖輪播模式下，可以設定以下參數：

例如，若將每次顯示圖片數設定為 2，每次滾動圖片數設定為 2，且共有 5 張圖片 A、B、C、D、E，輪播效果如下：

之後會從開頭重複循環。

填滿模式

您可以選擇圖片的填滿模式：

不同填滿模式的效果如下所示：

富文字元件可讓您在資料詳情頁中顯示格式化內容，包含文字、圖片與超連結。它提供彈性的版面選項，非常適合公告、操作說明，以及其他需要自訂樣式的內容。

超級管理員在編輯富文字欄位內容時，可以使用以下工具：

當目前表單為流程表單時，您可以使用「流程更新」元件，在詳情頁中顯示以下資訊：

留言元件允許使用者在一般表單或流程表單中留言，也可以 @提及相關成員，通知對方進行審閱。

歷程紀錄元件用於記錄表單資料的變更。成員在存取資料記錄詳情時，可以查看修改歷程。

嵌入頁面元件允許您將其他網頁直接嵌入資料詳情頁中。使用下列任一方式設定連結地址後，系統會自動顯示對應的網頁內容。

樣式可讓您設計並個人化自有元件的外觀。

選取某個元件後，您可以在右側面板的「樣式」欄中，設定其元件樣式與背景。

元件樣式

系統為元件提供兩種樣式：卡片式與無邊框。

卡片式效果如下：

無邊框效果如下：

以下為這兩種樣式的詳細比較：

背景

若您將元件樣式設定為「卡片式」，即可選擇設定自訂背景顏色或圖片。以下為效果範例：

您可以選擇以下任一填滿模式：完整顯示、覆蓋與拉伸。其特性與效果與前面「圖片」元件章節中提到的相同。