RIJ – KOLOM – INHOUD UITLIJNEN EN ITEM UITLIJNEN
Gratis voorbeeldWe doen ons best binnenkort Nederlandstalige video’s te kunnen aanbieden binnen deze cursus. Tot dan, alvast Engelstalige.
In deze video wordt het verschil en de functies van rijen (rows), kolommen (columns), hele inhoud in 1 keer uitlijnen en enkele elementen apart uitlijnen uitgelegd.
Ook wordt uitgelegd waarom de standaard uitlijning:
soms niet meer lijkt te werken!
standaard richting is kolom (pijltje naar beneden)
= nieuwe items zetten zich steeds onder elkaar.
Pijltje naar rechts:
alle items gaan zich naast elkaar zetten, horizontaal.
Justify content (inhoud uitlijnen) Parent container onder lay-out tab:(https://youtu.be/tn30wQWY4AE?si=YnTikpOvuGfejhoV&t=247)
zal alle elementen tegelijk verticaal uitlijnen naar midden, boven enz enz.
-
dit werkt alleen wanneer de parent container voldoende hoogte heeft om de inhoud te verdelen. Als er geen extra hoogte is, kan die dat simpelweg niet anders uitlijnen.
Align items zal ze allemaal horizontaal uitlijnen, dus links, rechts, midden
ALIGN SELF ADVANCED TAB (ZELF UITLIJNEN)
Wil je maar 1 of 2 uitlijnen en dus niet alles wat in die parent zit, klik dan op het element (knop, heading of zo) dan Advanced en dan Align self
*Daarna zal dit element niet langer mee bewegen als men vanuit de parent container kiest voor Justify content (inhoud uitlijnen). Dat element blijft dan waar je het individueel hebt uitgelijnd en kan vanaf dan ook alleen nog individueel gewijzigd worden qua uitlijning.
Zodra je bovenstaande instelt, werkt de gewone uitlijning niet meer
De controle van uitlijning vanuit de parent container is overheersend boven de oude uitlijning, dus zelfs als je eerder de oude had gebruikt, zal de controle vanuit parent nog steeds werken.
een selectie ongedaan maken is nog eens klikken op de gekozen uitlijning, dan gaat de items terug naar de eerder gekozen toestand vanuit de parent container.