Studio Editor: Over stapelen

Leestijd 2 minuten
Een stapel is een flexbox-container die je elementen 'omsluit', of ze nu in een verticale of horizontale volgorde staan. Stapel elementen om ervoor te zorgen dat ze er op elk schermformaat goed uitzien, en voorkom overlap (kleine schermen) en grote lege ruimtes (grote schermen). 

Kies de stapelrichting

Wanneer je elementen in een stapel plaatst, kun je de richting kiezen: horizontaal of verticaal. Dit hangt af van of je wilt dat de elementen in een verticale of horizontale volgorde verschijnen. 
Hoe dan ook, je kunt de richting altijd wijzigen. Hiermee worden de elementen automatisch herschikt, zodat ze in de juiste volgorde staan. 
Een voorbeeld van een horizontale stapel die verticaal wordt, de elementen staan nu in een verticale volgorde

Slepen en neerzetten om de afstand in te stellen

Onze drag-and-drop-functionaliteit maakt het eenvoudiger dan ooit om de afstand tussen elementen in een stapel in te stellen.
De ruimtes tussen stapelitems slepen om de marges te vergroten
Je kunt ook negatieve marges maken om elementen opzettelijk te laten overlappen. 
De stapelmarges naar de tegenovergestelde richting slepen om een overlap te creëren tussen de afbeelding en de tekst

Ontwerp de stapel volgens jouw behoeften

De stapelcontainer is standaard transparant, maar je kunt deze naar wens ontwerpen vanuit het Inspector-paneel. Voeg een achtergrondkleur, rand en schaduw toe om de stapel te laten opvallen. 
Een screenshot van het Inspector-paneel en een geselecteerde stapel op het canvas, met de ontwerpopties

Vond je dit artikel nuttig?

|