Maten en hoogtes

Samenvatting

De groep Grootte geeft een blok of element een vaste maat of een grens. De groep heeft vijf velden.

Alle vijf werken met dezelfde negen eenheden en hebben een ondergrens van 0. Een negatieve maat bestaat dus niet.

Een zesde veld hoort bij dit onderwerp en staat elders. Dat is Hoogte uitvullen, op het tabblad Instellingen.

Wanneer gebruik je dit?

Je gebruikt deze velden als iets een vaste grens in hoogte of breedte nodig heeft. Bijvoorbeeld een blok dat altijd even hoog moet zijn.

Of een openingsblok dat minstens de hele schermhoogte vult. Daarvoor is er een eigen vinkje.

Je komt hier ook zoeken wat het verschil is tussen een vaste maat en een grens. Dat staat in de overzichtstabel hieronder.

Hoe werkt dit in Mach3Blocks?

Je selecteert je blok of element en opent het tabblad Opmaak. De groep Grootte staat als derde in de lijst.

Een vaste maat zet de maat. Een grens laat je inhoud zijn eigen maat kiezen, tot aan de grens die je zette.

Laat je Breedte of Hoogte leeg, dan staat er de grijze tekst Automatisch. Je inhoud bepaalt dan zelf de maat.

Deze groep is de enige ruimtelijke groep met de eenheid procent. De groep Ruimtes heeft die niet.

Elk van de vijf velden heeft de knop Schermgrootte waarde toevoegen. Lees Opmaak per schermgrootte.

De veldnaam zelf is ook een menu, het veldmenu. Daarin zet je een waarde terug of een niveau hoger. Lees Opmaakniveaus.

Hoogte uitvullen

Het zesde veld staat niet bij de opmaak. Je vindt Hoogte uitvullen op het tabblad Instellingen, en alleen bij een blok.

Zet je dit vinkje aan, dan vult je blok de hele schermhoogte. Het paneel laadt daarna opnieuw.

Dit veld heeft zijn eigen schermgrootteknop, met vijf keuzes in plaats van elf.

Er is geen veld voor een maximale hoogte

Deze groep heeft wel een maximale breedte en geen maximale hoogte. De woorden maximale hoogte staan wel in het product, maar dan als tooltip bij de maatinstelling van een afbeelding.

Waar het veld Dikte staat

Dikte is geen maat maar een lijndikte. Het veld staat twee keer, in de groepen Rand en Omlijning.

Wat die twee groepen doen, staat in Afstand en omlijning.

Overzichtstabel met opties, waarden en standaard

# Veld Wat het zet Leeg veld toont Waar je het vindt
1 Breedte een vaste breedte Automatisch container, box, card, knop, media, icoon, nummer, control, kaart, viewport
2 Minimale breedte de kleinste breedte die je onderdeel krijgt 0 alleen bij een knop
3 Maximale breedte de grootste breedte die je onderdeel krijgt 100, met de eenheid procent box, card, knop, scheiding, iframe
4 Hoogte een vaste hoogte Automatisch blok, box, card, knop, media, icoon, nummer, scheiding, control, iframe, kaart, viewport
5 Minimale hoogte de kleinste hoogte die je onderdeel krijgt 0 blok, box, card, knop

Alle vijf de velden hebben negen eenheden: px, rem, em, procent, vw, vh, cqw, cqh en calc. Wat elke eenheid volgt, staat in Ruimtes.

Het zesde veld staat op een ander tabblad.

Veld Wat het zet Soort veld Waar je het vindt
Hoogte uitvullen of je blok de hele schermhoogte vult een vinkje met een eigen schermgrootteknop tabblad Instellingen, alleen bij een blok

Een pagina, een rij en een handler hebben geen enkel maatveld.

Aanbevolen instelling

Er is geen maat die overal goed is. Wat hieronder staat, is wat het platform zelf doet.

Veld Standaardwaarde
Breedte Automatisch, dus je inhoud bepaalt de breedte
Minimale breedte 0
Maximale breedte 100 procent
Hoogte Automatisch, dus je inhoud bepaalt de hoogte
Minimale hoogte 0
Hoogte uitvullen uit

Maximale breedte staat dus al op honderd procent. Je onderdeel wordt daardoor nooit breder dan de plek waar het staat.

De regel die het product zelf geeft, gaat over de keuze tussen twee velden. Kan je inhoud groeien, gebruik dan Minimale hoogte en niet Hoogte.

Voorwaarden en rechten

Je hebt het recht Websites/presentaties stijlen nodig voor de vijf velden van deze groep. Zonder dat recht is er geen tabblad Opmaak.

Voor Hoogte uitvullen is geen recht nodig. Dat veld staat op het tabblad Instellingen, en dat tabblad vraagt geen recht.

Welke rol het opmaakrecht standaard heeft, staat in Thema uitgelegd.

Gevolgen bij verkeerd instellen

Een vaste maat en een grens lijken op elkaar en werken heel anders. Dat verschil is het risico bij deze velden.

Een vaste hoogte snijdt je inhoud af

Zet je een vaste hoogte en groeit je tekst daarna, dan valt het teveel buiten je vak. Op een breed scherm merk je dat niet, want daar past je tekst nog. Gebruik een minimale hoogte zodra je inhoud kan groeien.

Een negatieve maat bestaat niet. Alle vijf de velden weigeren een waarde onder 0.

Minimale breedte staat alleen bij een knop. Zoek je het bij een ander onderdeel, dan staat het er niet.

Zoek je een maximale hoogte, dan vind je die niet als opmaakveld. Wat er buiten je vak valt, regel je met Overloop. Lees Uitlijning en stapeling.

Een gewijzigde waarde staat meteen in Mach3Blocks. Op je live website verandert zij pas nadat je opnieuw publiceert.