Samenvatting
Een formulier en zijn velden maak je op met dezelfde opmaakvelden als elk ander element. Vijf dingen werken er anders. De grootste: in je thema staat wel een ingang voor formulieren, maar niet voor de velden erin.
Een veld maak je daarom op via de pagina en niet via het thema. Hieronder staan de vijf verschillen, en daarna wat er wel gewoon werkt.
Wanneer gebruik je dit?
Je leest dit als je formulier er anders uit moet zien dan het thema het maakt. Denk aan een invulveld met meer ruimte binnenin, een andere omlijning, of een eigen kleur zodra de bezoeker erin klikt.
Je leest het ook als je een veld in je thema zoekt en het daar niet vindt. Dat is geen fout van jou. Die ingang bestaat niet.
Hoe werkt dit in Mach3Blocks?
Je selecteert het veld op de pagina, in het formulier zelf. Rechts staan dan de opmaakvelden, net als bij een gewoon element. Je kiest een opmaakniveau, opent een eigenschapgroep en zet je waarde.
| Wat je selecteert | Hoe het heet |
|---|---|
| Het formulier zelf | Content formulier, Header formulier of Footer formulier |
| Een veld erin | Negen namen, van Tekstregel veld tot Zoek veld |
De vijf verschillen met gewone opmaak staan hieronder, met wat elk verschil voor je werk betekent.
| # | Wat er anders is | Wat dat voor jou betekent |
|---|---|---|
| 1 | Het thema heeft geen ingang voor de velden | Je maakt een veld op via de pagina en niet via het thema |
| 2 | Een veld heeft het opmaakniveau Element niet | Opmaak van een veld geldt altijd minstens voor het hele blok |
| 3 | De toestanden en de subelementen verschillen per veldtype | Wat je bij een tekstveld kunt zetten, kan bij een keuzeveld ontbreken |
| 4 | Een veld heeft geen elementknoppen | Toevoegen, verplaatsen en weghalen loopt via de pop-in Formulier bewerken |
| 5 | Een formulier in een oud blok valt buiten de opmaak | Het tabblad Velden toont daar alleen een waarschuwing |
De negen opmaakelementen van een veld
Elk veldtype heeft zijn eigen toestanden en zijn eigen subelementen. Die twee bepalen wat je aan zo'n veld los kunt opmaken.
| Opmaakelement | Toestanden | Subelementen |
|---|---|---|
| Tekstregel veld | Standaard, Focus en Error | Placeholder |
| Tekstvak veld | Standaard, Focus en Error | Placeholder |
| Selectie veld | Standaard en Error | Placeholder, Button, Opties en Optie |
| Radio button veld | Standaard, Actief en Error | Label |
| Checkbox veld | Standaard, Actief en Error | Label |
| Bestand veld | Standaard en Error | Placeholder en Button |
| Titel veld | geen | geen |
| Datum veld | Standaard en Error | Placeholder en Button |
| Zoek veld | Standaard en Focus | Placeholder en Button |
Elf veldtypen leunen op deze negen elementen, want twee groepjes vallen samen.
| Veldtype in de kaart Veld toevoegen | Opmaakelement |
|---|---|
| Tekstregel, E-mailadres en Telefoonnummer | Tekstregel veld |
| Datum en Datum tijd | Datum veld |
Wat je ermee kunt
Het grootste deel werkt gewoon. De zes eigenschapgroepen van een veld zijn dezelfde als bij elk ander element, en de velden erin ook.
| Eigenschapgroep | Waar de velden worden uitgelegd |
|---|---|
| Ruimtes | Ruimtes |
| Grootte | Maten en hoogtes |
| Typografie | Typografie |
| Achtergrond | Kleuren en achtergrond |
| Rand | Afstand en omlijning |
| Schaduw | Schaduw |
Een veld heeft drie tabbladen in het paneel rechts. Welke er staan, hangt af van het veldtype.
| Tabblad | Wat je er doet | Bijzonderheden |
|---|---|---|
| Opmaak | De zes eigenschapgroepen zetten, per opmaakniveau en per toestand | |
| Overgangen | Het overgaan tussen twee toestanden regelen | Staat er niet bij een titelveld, want dat veld heeft geen toestanden |
| Instellingen | Het veld per schermgrootte verbergen en de scroll-effecten zetten | Dezelfde inhoud als bij een gewoon element |
Het formulier zelf gedraagt zich verder als een gewoon element. Op een paar punten wijkt het juist af van zijn eigen velden.
| Onderdeel | Bij het formulier | Bij een veld |
|---|---|---|
| Opmaakniveaus | Thema, Blok en Element | Thema en Blok |
| Toestanden | geen | per veldtype anders |
| Subelementen | Rij | per veldtype anders |
| Paneeltabbladen | Opmaak en Instellingen | Opmaak, Overgangen en Instellingen |
| Eigenschapgroepen | acht, zonder Rand | zes, met Rand erbij |
| Opmaakvelden | 25 | 22 of 23 |
| Elementknoppen in de editor | de gewone knoppen | geen enkele |
| Ingang in het thema | Formulieren | geen |
Grenzen en wat niet kan
Een veld heeft geen elementknoppen in de editor. Je kunt er dus niets naast invoegen, en je kunt het niet verplaatsen, wisselen of weghalen. Dat gaat allemaal via de pop-in Formulier bewerken.
De elementenbrowser laat dat verschil ook zien. De groep van de formulieren staat erin, de groep van de velden niet.
Twee elementen zijn er wel, maar voeg je nooit zelf toe. Zoek veld hoort bij het zoekveld van een zoekformulier, en dat veld zit vast in zijn blok. Voor een wachtwoordveld bestaat helemaal geen eigen opmaakelement.
Zit je formulier in een blok van voor de wijziging die formuliervelden bewerkbaar maakte, dan valt het buiten dit alles. Zie Formuliervelden voor wat je in dat geval nog wel kunt.
Voorwaarden en rechten
Je hebt het recht Websites/presentaties stijlen nodig. Zonder dat recht levert het platform geen opmaakvelden en geen overgangen, en is er dus niets op te maken.
Welke rollen dit recht standaard hebben, staat in Thema uitgelegd. Een beheerder kan het recht ook los aan je gebruiker toekennen.
Voor het tabblad Instellingen is geen recht nodig. Wie de editor kan openen, kan een veld daar per schermgrootte verbergen.
Praktijkvoorbeelden
Je invulvelden moeten meer ruimte binnenin krijgen. Je klikt een tekstveld aan in het formulier op de pagina. Op het tabblad Opmaak kies je het opmaakniveau Thema. Daarna vul je de groep Ruimtes in, en elk tekstveld van je website volgt die waarde.
Een veld moet opvallen zodra de bezoeker erin klikt. Je selecteert hetzelfde tekstveld en opent de toestand Focus. Daar zet je een andere randkleur, en die geldt alleen zolang de bezoeker in het veld staat.
Bij een keuzeveld werkt dat tweede voorbeeld niet. Een selectieveld heeft geen toestand Focus, dus daar is geen kleur voor het aanklikken te zetten. Wat zo'n veld wel heeft, staat in de tabel met de negen opmaakelementen.