Inhalt von Registerlaschen anfangs ausgeblendet
Veröffentlichungsdatum: 12. Januar 2021
Änderungsdatum: 08. August 2023
Projektgrundlage: BASE
Den Inhalt von Containertabs können Sie bei Aufruf ausblenden, um diesen erst nach Klick auf ein Register anzeigen zu lassen.
Registerlaschen-Inhalt ausgeblendet
Um einem Seitenbesucher nicht den Inhalt eines bestimmten Registers beim Aufruf anzuzeigen, blenden Sie anfangs alle Register aus. Erweitern Sie dazu die betreffende Variante (z.B. .elementTabContainer_var0) und die im Queltextbeispiel angeführte CSS-Definition.
Beispiel: Auszug aus Container mit Registerlaschen Variante 0 - Inhalt ausgeblendet
/*@wCssFragment{class:elementTabContainer;variant:0;livepreview:no;caption:Standard;caption-en:Default}*/ .elementTabContainer_var0 { ... ... /* Inhalte der Tabs erstmal ausblenden / nur bei Klick einblenden */ &[data-numberclicks='0']{ .containers .container { display:none; } } }
Registerlaschen-Inhalt nach Klick
Der Inhalt eines Tabs wird bei dieser Umsetzung erst nach Klick auf das Registertab angezeigt.