Formulieropmaak

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.

In het thema staat geen ingang voor formuliervelden

De thema-navigatie toont wel de ingang Formulieren, en die gaat over de drie formulierelementen. Een veld selecteer je op de pagina.

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

Opmaak van een veld geldt minstens voor het hele blok

Het opmaakniveau Element bestaat bij een formulierveld niet. Wil je één veld in een blok anders, dan gaat dat niet; je stelt het hele blok in.

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.