版面 — 索引標籤

在​ Layout ​下方的Page Builder面板中，將​ Tabs ​預留位置直接拖曳至舞台或舞台上的列或欄。

{width="600" modal="regular"}

按一下「Tab 1」標籤以顯示個別標籤工具箱，然後選擇「設定」（「 {width="20"}）圖示。

輸入您要做為標籤的​ Tab Name。

{width="600" modal="regular"}

如有需要，請輸入索引標籤的​ Minimum Height。

此值可以是具有任何有效CSS單位（例如100px、50%、50em、100vh）的數字，或是計算（例如100vh - 237px）。

選擇​ Vertical Alignment ​設定，對齊新增到索引標籤的任何內容容器（「頂端」、「置中」或「底部」）。

如有需要，請使用下列章節作為指引，設定其他選項：

• Background
• Advanced

在右上角，按一下​ Save ​以套用設定並返回Page Builder工作區。

將滑鼠懸停在索引標籤容器上以顯示工具箱，然後選擇​ 新增 （ {width="20"} ）圖示。

按一下​ Tab 2 ​標籤以顯示游標，並輸入您自己的標籤給索引標籤。

再次按一下舞台上的第二個索引標籤，然後選擇​ 複製 （ {width="20"} ）圖示。

按一下YourName Copy ​標籤以顯示游標，並為第三個標籤輸入您自己的標籤。

按一下您要移動的標籤。

選取並將標籤標籤文字前方顯示的​ 移動 （ {width="20"} ）圖示拖曳到標籤集內的新位置。

按一下您要新增內容的標籤。

在Page Builder面板中，展開​ Elements ​並將​ 文字 ​預留位置拖曳至索引標籤。

在編輯器中輸入或貼上一些文字，然後視需要使用編輯器工具列來格式化它。

如需有關使用文字內容型別的詳細資訊，請參閱元素 — 文字。

{width="500" modal="regular"}

按一下右上角的​ Save。

將滑鼠停留在個別標籤上以顯示工具箱，並選擇​ 設定 （ {width="20"} ）圖示。

如有需要，請變更索引標籤的任何基本設定：

• Tab Name — 輸入索引標籤修訂過的文字。 您也可以直接在舞台上修改標籤。

• Minimum Height — 如果您要覆寫自動高度，請輸入畫素。 例如，您可以設定最低高度以符合背景影像的高度，以確保可看見完整影像。

• Vertical Alignment — 選擇內容容器的垂直位置以新增到索引標籤。

視需要使用下列區段變更其他設定以取得詳細資訊。

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。

將滑鼠懸停在索引標籤集容器的上邊框以顯示工具箱，並選擇​ 設定 （ {width="20"} ）圖示。

如有需要，請變更​ Default Active Tab。

在頁面載入時，選擇要在集中啟用的索引標籤。

若要覆寫定位點集的自動高度，請輸入​ Minimum Height （畫素）。

若要將導覽標籤沿標籤組頂端定位，請選擇​ Tab Navigation Alignment （Left、Center或Right）。

{width="500" modal="regular"}

設定標籤集的進階選項：

• 若要控制標籤集在父容器中的位置，請選擇​ Alignment：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  選項	說明
  Default	套用目前佈景主題樣式表中指定的對齊預設設定。
  Left	將標籤集沿父容器的左邊框對齊，並允許指定的任何邊框間距。
  Center	對齊父容器中央的標籤集，並允許指定的任何內距。
  Right	將標籤集對齊父容器的右邊框，並允許指定的任何內距。

• 設定套用至索引標籤容器所有四個側面的​ Border ​樣式：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  選項	說明
  Default	套用關聯樣式表所指定的預設邊框樣式。
  None	未提供任何容器框線的可見指示。
  Dotted	容器邊框會以虛線顯示。
  Dashed	容器邊框會以虛線顯示。
  Solid	容器邊框會以實線顯示。
  Double	容器邊框會以雙線顯示。
  Groove	容器框線會顯示為槽線。
  Ridge	容器框線會顯示為脊線。
  Inset	容器框線會顯示為內嵌線。
  Outset	容器邊框會顯示為外線。

• 如果您設定了None以外的框線樣式，請完成框線顯示選項：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  選項	說明
  Border Color	選擇色票、按一下檢色器，或輸入有效的顏色名稱或相等的十六進位值，以指定顏色。
  Border Width	輸入邊框線條寬度的畫素數。
  Border Radius	輸入畫素數目，以定義用來將邊框每個角落倒圓角的半徑大小。

• （選擇性）從目前的樣式表中指定要套用至索引標籤容器的​ CSS classes ​名稱。

  以空格分隔多個類別名稱。

• 輸入​ Margins and Padding ​的值（以畫素為單位），以決定定位點容器的外部邊界和內邊距。

  在索引標籤容器圖表中輸入對應的值。

  table 0-row-2 1-row-2 2-row-2 layout-auto
  容器區域	說明
  Margins	套用至容器所有側邊外部邊緣的空白空間量。 選項： Top / Right / Bottom / Left
  Padding	套用至容器所有邊內側邊緣的空白空間量。 選項： Top / Right / Bottom / Left

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。