Tabs
1. februar 2022
Indsæt Tab
For at indsætte en tab skal du hive den over i din row. Der kommer som standard 1 tab, som følger det grid, der er defineret i dit kundetema, eller som du har defineret det i din row.
Overordnet toolbox
- Move : Her kan du holde fast og flytte elementet ved at trække det hen til den ønskede placering og slippe.
- Add: Her kan du tilføje en ekstra tab.
- Settings: Her kan du indstille din tabs (det bliver gennemgået nedenfor).
- Hide/show: Her kan du skjule/vise dit element hvis du ikke ønsker det skal slettes.
- Duplicate: Her kan du duplikere hele dit element nedenfor.
- Remove: Her kan du slette dit element.
Edit tabs
- Default Active Tabs: Her kan du vælge, hvilken tab der skal være åben som standard, når du har tilføjet flere tabs.
- Minimum Height: Kan du bruge, hvis du gerne vil have en minimumshøjde på hele din tab.
- Tab Navigation Alignment: Her kan du styre, hvor dine tabs placeres på den øverste bjælke.
Advanced
- Alignment: Her kan du styre, hvordan indholdet justeres inde i din tab.
- Border: Her kan du vælge, om der skal være en kant rundt om din tab. Der er forskellige valgmuligheder, fx prikket osv.
- Border Color: Her kan du vælge farve på kanten.
- Border Width: Her kan du vælge, hvor tyk kanten skal være i pixels.
- Border Radius: Her kan du vælge, om og hvor meget afrundede hjørner kanten skal have (jo højere antal pixels, jo mere afrundet bliver hjørnerne).
- CSS Classes: Her kan du tilføje en CSS-klasse fra dit style sheet til din tab.
- Margins: Hvor meget luft, der skal være udenfor dit element.
- Padding: Hvor meget luft,der skal være inden i dit element.
Individuel tab toolbox
- Settings: Her kan du indstille hver enkelt tab (det bliver gennemgået nedenfor).
- Duplicate: Her kan du duplikere hele din tab ved siden af inkl. indhold.
- Remove: Her kan du slette dit element.
Edit tab
- Tab Name: Her kan du navngive din tab.
- Minimum Height: Her kan du angive en minimumshøjde for den individuelle tab.
- Vertical Alignment: Her kan du angive, hvor i din tab indholdet justeres vertikalt.
Background
- Background Color: Her kan du indsætte en baggrundsfarve i den individuelle tab.
- Background Image: Her kan du uploade et baggrundsbillede.
- Background Mobile Image: Her har du mulighed for at uploade en mobilversion af dit baggrundsbillede. På mobilen behøver du ikke så store billeder, så det ville være godt for load-tiden at uploade mobilvariant også – eller det kunne tænkes, du gerne ville have en anden beskæring på mobil.
- Background Size: Her kan du vælge, om indholdet skal skaleres, så det fylder hele din tab, eller om det skal vises i de rigtige proportioner. Ved Auto vises default baggrundsstørrelse, som bliver defineret i dit kundetema.
- Background Position: Her kan du styre, hvor i din tab baggrunden skal placere sig.
- Background Attachment: Her kan du vælge, om den skal være sat til Scroll, hvor baggrunden flytter sig med ned, når du scroller, eller Fixed hvor den ikke flytter sig, når du scroller over baggrunden (NB. Virker dog ikke på mobil).
- Background Repeat: Her kan du vælge, om baggrunden skal gengive sig selv i din tab for at udfylde pladsen.
Underviser
Agnes Madsen
Agnes er Graphic- & Webdesigner i Salecto.
Hun er også en del af produktudviklings teamet.