Layout - Tabbar

Dra platshållaren Tabs direkt till scenen eller till en rad eller kolumn på scenen på panelen Page Builder under Layout.

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

Klicka på etiketten Tab 1 för att visa den enskilda flikens verktygslåda och välj ikonen Inställningar ( {width="20"} ).

Ange Tab Name som du vill använda som etikett.

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

Ange Minimum Height för fliken om det behövs.

Det här värdet kan vara ett tal med en giltig CSS-enhet (till exempel 100px, 50%, 50em, 100vh) eller en beräkning (till exempel 100vh - 237px).

Välj en Vertical Alignment-inställning om du vill justera alla innehållsbehållare som läggs till på fliken (Överkant, Mitten eller Nederkant).

Om det behövs anger du de andra alternativen med följande avsnitt som vägledning:

• Background
• Advanced

Klicka på Save i det övre högra hörnet för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Håll pekaren över flikbehållaren för att visa verktygslådan och välj ikonen Lägg till ( {width="20"} ).

Klicka på etiketten Tab 2 för att visa markören och ange en egen etikett för fliken.

Klicka på den andra fliken igen på scenen och välj ikonen Duplicera ( {width="20"} ).

Klicka på etiketten Ditt namn Copy för att visa markören och ange en egen etikett för den tredje fliken.

Klicka på fliken som du vill flytta.

Markera och dra ikonen Flytta ( {width="20"} ), som visas precis före tabbetikettexten, till en ny plats i tabbuppsättningen.

Klicka på fliken där du vill lägga till innehållet.

Expandera Elements på panelen Page Builder och dra en Text-platshållare till fliken.

Ange eller klistra in text i redigeraren och använd redigeringsverktygsfältet för att formatera den efter behov.

Mer information om hur du arbetar med textinnehållstypen finns i Element - text.

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

Klicka på Save i det övre högra hörnet.

Håll pekaren över en enskild flik för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Om det behövs ändrar du någon av de grundläggande inställningarna för fliken:

• Tab Name - Ange ändrad text för fliketiketten. Du kan också ändra etiketten direkt på scenen.

• Minimum Height - Ange som pixlar om du vill åsidosätta den automatiska höjden. Du kan till exempel ange den minsta höjden så att den matchar höjden på en bakgrundsbild för att se till att hela bilden är synlig.

• Vertical Alignment - Välj den lodräta positionen för innehållsbehållare som läggs till på fliken.

Ändra övriga inställningar efter behov med hjälp av följande avsnitt för mer information.

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Hovra över den övre kanten på flikuppsättningsbehållaren för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Ändra Default Active Tab om det behövs.

Välj fliken i uppsättningen som du vill ska vara aktiv när sidan läses in.

Ange Minimum Height i pixlar om du vill åsidosätta den automatiska höjden för tabbuppsättningen.

Välj Tab Navigation Alignment (Left, Center eller Right) om du vill placera navigeringsflikarna längs flikuppsättningens överkant.

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

Ange avancerade alternativ för flikuppsättningen:

• Om du vill styra placeringen av tabbuppsättningen i den överordnade behållaren väljer du en Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Alternativ	Beskrivning
  Default	Använder den standardinställning för justering som anges i formatmallen för det aktuella temat.
  Left	Justerar tabbuppsättningen längs den vänstra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
  Center	Justerar tabbuppsättningen i mitten av den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
  Right	Justerar tabbuppsättningen längs den högra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.

• Ange det Border-format som ska användas på alla fyra sidor i flikbehållaren:

  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
  Alternativ	Beskrivning
  Default	Använder det standardkantlinjeformat som anges av den associerade formatmallen.
  None	Visar inte någon synlig indikation för behållarkanterna.
  Dotted	Behållarramen visas som en prickad linje.
  Dashed	Behållarramen visas som en streckad linje.
  Solid	Behållarramen visas som en heldragen linje.
  Double	Behållarramen visas som en dubbel linje.
  Groove	Behållarkanten visas som en utdragen linje.
  Ridge	Behållarkanten visas som en rak linje.
  Inset	Behållarramen visas som en indragen linje.
  Outset	Behållarramen visas som en startrad.

• Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Border Color	Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde.
  Border Width	Ange antalet pixlar för kantlinjens bredd.
  Border Radius	Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten.

• (Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för flikbehållaren.

  Avgränsa flera klassnamn med blanksteg.

• Ange värden (i pixlar) för Margins and Padding för att bestämma de yttre marginalerna och den inre utfyllnaden för flikbehållaren.

  Ange motsvarande värden i flikens behållardiagram.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Behållarområde	Beskrivning
  Margins	Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor. Alternativ: Top / Right / Bottom / Left
  Padding	Mängden tomt utrymme som används på behållarens inre kant på alla sidor. Alternativ: Top / Right / Bottom / Left

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.