跳至主要內容

元件顯示規則

介紹什麼是元件顯示規則,以及如何逐步設定元件顯示規則。


什麼是元件顯示規則?

元件顯示規則可讓您控制詳情頁中的元件或分頁是否顯示。

透過設定條件,特定元件或分頁只會在符合指定條件時顯示。這可以減少非必要元件造成的干擾,並提升頁面的查看與操作效率。


什麼時候適合使用元件顯示規則?

元件顯示規則常用於依據欄位值,顯示或隱藏不同元件、表格或導覽區塊。

  • 追蹤商機時,只有當商機階段進入「報價」時,才顯示「發起報價」元件,方便使用者填寫相關內容。

  • 合約審批期間,只有當合約狀態為「待簽署」時,才顯示「發起簽署」元件;其他狀態下則隱藏該元件。

  • 在客戶詳情頁中,可依據所選分頁,例如「基本資訊」、「銷售訂單」等,顯示對應的頁面卡片。


實際畫面會是什麼樣子?

在任務管理系統中,當任務進展至「已終止」階段時,頁面應顯示「留言」元件。這可讓工作人員快速輸入後續追蹤資訊,並記錄終止原因。


如何設定元件顯示規則?

步驟 1:進入設定

PC 版自訂資料詳情頁與行動版自訂詳情頁的元件顯示規則彼此獨立,互不影響。

1. PC 版自訂資料詳情頁

進入自訂詳情頁設計器。在「頁面設定 >> 元件顯示規則」中,點選「新增」以設定新規則。

若已存在規則,您可以在左上方繼續新增規則,也可以編輯、複製或刪除既有規則。

新增多條規則時,規則清單支援拖曳排序,方便查看。

註:
每個桌面版自訂資料詳情頁最多可新增 50 條顯示規則。

2. 行動版自訂詳情頁

進入自訂詳情頁設計器,並切換至「行動版」分頁。

在「頁面設定 >> 元件顯示規則」中,點選「新增」以建立新規則。

若已存在規則,您可以繼續新增規則,也可以編輯、複製或刪除既有規則。

新增多條規則時,規則清單支援拖曳排序。

註:
每個行動版自訂詳情頁最多可新增 50 條顯示規則。


步驟 2:設定顯示規則

每條規則由兩個部分組成:條件,也就是何時顯示;以及目標元件,也就是符合條件時要顯示什麼。

1. 了解多個條件之間的邏輯關係

一條元件顯示規則可以包含多個條件。條件之間的邏輯關係可設定如下:

  • 全部符合:只有在所有條件都符合時,才顯示對應元件。

  • 任一符合:只要符合其中任一條件,即顯示對應元件。

2. 設定條件

設定多個條件之間的邏輯關係後,請為元件顯示規則設定條件。條件由以下三個部分組成:

  • 條件欄位:支援選擇目前資料記錄的主表單欄位、提交人、提交時間、更新時間及流程狀態欄位。不支援子表單欄位。

  • 運算子:依據欄位類型顯示,例如等於/不等於、包含/不包含等。

  • 篩選值:可選擇既有選項,或自訂輸入。

當新增三個或以上條件時,會出現「全部刪除」按鈕,可一次清除所有條件。

註:

  • 每條規則最多支援 50 個條件。

  • 若任一條件欄位被刪除,或使用者沒有權限存取該欄位,整條規則都會失效。規則失效時,「顯示元件」中設定的元件將會被隱藏。

3. 選擇要顯示的元件

設定條件後,請選擇當條件成立時要顯示的元件。當條件不符合時,元件會保持隱藏。

針對多分頁元件,項目會以層級方式顯示。您可以選擇:

  • 整個多分頁元件

  • 特定內部分頁

  • 分頁中的元件

註:
選擇某一層級時,規則會套用至該層級及其下方所有層級。例如,選擇一個多分頁元件時,會控制以下內容的顯示:

  • 多分頁元件本身

  • 其下所有分頁

  • 各分頁內的所有元件

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

設定完成元件顯示規則後,您可以在自訂資料詳情頁中預覽最終效果。

註:

  1. 顯示規則在設計詳情頁時不會生效。
    只有在「預覽」與「資料查看」模式中才會生效。

  2. 針對多分頁內的元件:

  • 若某個分頁中的所有元件都因顯示規則而被隱藏,該分頁仍會保持顯示。

  • 若所有分頁都被隱藏,則多分頁元件本身不會顯示。

是否回答了您的問題?