Skip to main content

元件-容器元件

1. 新增容器元件


容器元件是指在儀表板中可以以多頁籤的形式,分別將圖表放入到各頁籤中。

note

使用情境:可將零散的圖表與元件依主題分頁籤展示。例如電商儀表板可分為「銷售情況」、「庫存管理」、「客戶分析」、「行銷活動」四個頁籤,分別呈現對應數據,易於導覽與閱讀。

從元件清單中將容器元件拖曳至 【設計區】,即可在儀表板中新增容器元件。

新增容器元件

新增容器元件

2. 編輯容器元件


📌 編輯樣式

將滑鼠移動到元件,點選 『編輯樣式』 圖示即可修改元件的背景顏色與字體顏色。

編輯容器元件樣式

編輯容器元件樣式

📌 編輯

將滑鼠移動到元件,點選 『編輯』 圖示即可修改元件的內容設定,包含標題名稱、標籤名稱、自動輪播等功能。

編輯容器元件內容

編輯容器元件內容

  • 顯示標題:可選擇是否要顯示元件標題。
  • 標題名稱:容器元件標題名稱,預設為「未命名的容器元件」。
  • 標籤置中:預設標籤靠左,可調整成置中位置。
  • Tab 標籤設定:若不需要標籤,僅使用容器外框,可隱藏標籤元件。
  • 新增 Tab 標籤:可新增多個標籤,點選標籤時頁面會進行切換;不需要標籤時,可點選右側刪除圖示移除標籤。
  • 自動輪播:開啟功能後,會依據輪播間隔時間切換標籤內容。

3. 刪除容器元件


將滑鼠移動到元件,點選 『刪除』 圖示即可刪除該元件。

刪除容器元件

刪除容器元件