Home → Contao →

Verwendung: Tab-Navigation auch vertikal möglich?

• Edit

Bernd

02 Nov, 2025 07:06 PM

Produkt: Tao Contao
Contao-Version: 5.3

Liebes Rocksolid-Team,

ist die Tab-Navigation auch vertikal möglich, sodass links die Navigationselemente untereinander stehen und beim Klick darauf rechts die jeweiligen Tab-Inhalte erscheinen?

Besten Dank für Hilfe und viele Grüße

Bernd

1. Support Staff 1 Posted by RockSolid Theme... on 03 Nov, 2025 08:20 AM

   

   Vielen Dank für Ihre Frage.

   Eine solche Verwendung der Tabs ist im Theme Tao nicht vorgesehen. Sie können jedoch mit einem Spaltenumschlag-Element zwei Spalten erstellen, in der linken Spalte die Tab-Navigation platzieren und in der rechten Spalte die Tabs.

   Damit die Tab-Buttons untereinander dargestellt werden können Sie folgenden CSS-Code einsetzen:

   .tab-navigation ul {
       flex-direction: column;
   }
   

   • Edit

2. 2 Posted by Bernd on 04 Nov, 2025 12:01 PM

   

   Ebenso vielen Dank für die schnelle Hilfe.

   Ihr Code funktioniert sehr gut. Eine kleine Ergänzung noch. Damit sich die Navigationselemente auch über die gesamte Spalte erstrecken, kann man noch diesen Code ergänzen:

   .tab-navigation-item {
       width: 100%;
   }
   

   • Edit