Samenvatting
Twintig elementen kunnen andere elementen bevatten. Alleen bij die twintig biedt het menu op een element de richtingen Vooraan en Achteraan aan.
De opbouw binnen een blok is vast. Een blok bevat een container, daarbinnen komt een rij, en daarbinnen een kolom met de elementen.
Naast die keten zijn er drie soorten die ook iets opnemen. Dat zijn de vijf cards, de vier vakken om elementen van dezelfde groep, en de zeven mobiele menu's.
Wat een element kan bevatten, bepaalt dus welke knoppen je krijgt. Mist een richting, dan is dat geen fout maar de rol van het element dat je hebt aangeklikt.
Wanneer gebruik je dit?
Je gebruikt dit artikel als je een element ergens in wilt zetten en de richting Vooraan ontbreekt. De lijst hieronder zegt of dat element iets kan bevatten.
Je komt hier ook terecht als je in de elementenbrowser een element niet vindt. Soms zoek je dan op de verkeerde plek, want in een vak om elementen past alleen de eigen groep.
Verder helpt dit artikel bij de indeling van een blok. Wil je de handeling zelf, gebruik dan Structuur invoegen en Element invoegen.
Hoe werkt dit in Mach3Blocks?
De vier indelingslagen komen in een vaste volgorde. Een container houdt de breedte, een rij verdeelt de hoogte, een kolom verdeelt de breedte, en in de kolom staat de inhoud.
Elk van die drie lagen heeft een eigen regel in het menu. De regel heet naar wat erin past, dus Rij invoegen binnen een container.
Binnen een rij heet die regel Kolom invoegen. Binnen een kolom heet hij Element invoegen.
Bij de andere zeventien werkt het met richtingen. Met Vooraan en Achteraan zet je het nieuwe element erin.
De twee andere richtingen zetten het element ernaast in plaats van erin. Die twee heten Ervoor en Erna, en zij bestaan bij bijna elk element.
Een vak om elementen van dezelfde groep is een bijzonder geval. Voeg je daarin iets in, dan toont de pop-in alleen die groep en verschijnt er geen tabbladenrij.
De zeven mobiele menu's nemen ook elementen op. De pop-in opent dan op de menusoorten, en je kiest een ander tabblad om bijvoorbeeld een logo in te voegen.
Overzichtstabel met opties, waarden en standaard
De twintig elementen die iets kunnen bevatten
| Soort | Aantal | Wat erin past |
|---|---|---|
| De container | 1 | een rij |
| De rij | 1 | een kolom |
| De kolom | 1 | elk element uit de elementenbrowser |
| De Box | 1 | elk element uit de elementenbrowser |
| De cards, van Header card tot Footer card | 5 | elk element uit de elementenbrowser |
| De vakken om gelijke elementen, van Button wrapper tot Control wrapper | 4 | alleen elementen uit de eigen groep |
| De hamburgermenu's, van Hamburger menu 1 tot Hamburger menu 4 | 4 | elk element uit de elementenbrowser |
| De filtermenu's, van Filter menu 1 tot Filter menu 3 | 3 | elk element uit de elementenbrowser |
De vier viewports en de Content handler staan hier niet bij. Zij nemen geen elementen op, en toch zijn zij wel te verwijderen.
Welke richtingen en acties je per soort krijgt
| Soort element | Ervoor en erna | Vooraan en achteraan | Volgorde wijzigen | Verwijderen |
|---|---|---|---|---|
| Container, rij en kolom | ja, van dezelfde soort | ja, van de laag eronder | ja | ja |
| De Box | ja | ja | ja | ja |
| Een card | nee | ja | ja | ja |
| Een vak om gelijke elementen | ja | ja, alleen de eigen groep | ja | ja |
| Een hamburgermenu of een filtermenu | nee | ja | nee | nee |
| Een uitklapmenu | nee | nee | nee | nee |
| Elk ander element met een menu | ja | nee | ja | ja |
Zevenentwintig elementen krijgen helemaal geen menu, dus voor die soorten staat er niets in deze tabel. Welke dat zijn, staat in Elementen in componenten.
Staat het element binnen een collectie-item, dan bepaalt de collectie de opbouw. Dan vervallen de richtingen ernaast, de volgorde en het verwijderen; zie Collectie-items bedienen.
Aanbevolen instelling
Nest niet dieper dan je nodig hebt. Elke extra laag maakt de opmaak per schermgrootte lastiger, want elk niveau kan zijn eigen waarden meebrengen.
Gebruik een kolom voor de indeling en de Box om een paar elementen te groeperen. Zet dus niet elk element in zijn eigen kolom.
Zet niet twee containers naast elkaar binnen dezelfde rij. Een container hoort de buitenste laag van het blok te zijn.
Wil je meerdere knoppen naast elkaar, gebruik dan het vak dat daarvoor bestaat. Dat vak houdt de knoppen op één regel en geeft ze dezelfde afstand.
Voorwaarden en rechten
| Recht | Wat het openzet |
|---|---|
| Elementen invoegen | de vier invoegacties, van Element invoegen tot Kolom invoegen |
| Elementen verplaatsen | de actie Volgorde wijzigen |
| Elementen verwijderen | de actie Verwijderen |
Mist een van deze rechten, dan staat de bijbehorende actie niet in het menu. De opbouw die er al is, blijft dan gewoon zichtbaar.
Een Beheerder en een Bouwer hebben alle drie de rechten. Een Redacteur en een Auteur hebben ze niet. Datzelfde geldt voor een Medewerker.
Gevolgen bij verkeerd instellen
| Wat er gebeurt | Wat je merkt | Wat je eraan doet |
|---|---|---|
| Je verwijdert het laatste element uit een vak om gelijke elementen | het vak zelf gaat mee | zet een backup terug, want het vak staat in geen tabblad |
| Je verwijdert een viewport of de Content handler | het element staat in geen enkel tabblad | voeg het opnieuw in vanaf een soortgenoot in hetzelfde blok |
| Je verwijdert de laatste van die soort in een blok | er is geen soortgenoot om het vanaf terug te halen | zet een backup terug |
| Je zet elk element in zijn eigen kolom | de indeling springt per schermgrootte | haal de kolommen weg en gebruik één kolom met een vak erin |
| Je zet twee containers in dezelfde rij | de breedte en de afstand wijken af | verplaats de tweede container naar een eigen rij |
| Je wilt de enige container van een blok weghalen | de regel om te verwijderen staat op grijs | verwijder de inhoud van de container, of verwijder het hele blok |
Voeg je een element in een vak om gelijke elementen in, dan telt de eigen groep. In een vak voor knoppen past dus alleen een knop, en in een vak voor iconen alleen een icoon.