Formulier elementen met ConcreteCMS
Categorie: Formidable
Formulier elementen
- Ga naar dashboard en dan formidable.
- Klik op het formulier dat u wilt bewerken en kies voor layout and elements.
- Hier kunnen we de row aanpassen met hoeveel kolommen we willen, in dit geval 1.
- Om een element toe te voegen klikt u op de column in welke u het wilt en kiest u voor "add element".
- Hier staan alle mogelijke elementen en kunt u kiezen wat u wilt, we kiezen voor nu een text field.
- Label/name: de naam die voor het input veld staat.
- Hide label/name: verberg de naam van het veld.
- Required: het veld is verplicht.
- Placeholder: de tekst die in het input veld staat maar verdwijnt wanneer er op geklikt word.
- Default value: een value die automatisch al ingevuld word.
- Limits: hoeveel woorden/karakters er minimaal/maximaal ingevuld mogen worden.
- Masking: word gebruikt voor telefoonnummers. een standaard formaat (net-nummer; 0123-456789).
- Tooltip/description: een beschrijving die in een tooltip word neergezet.
- Css classes: als u custom classes wilt toevoegen aan het element.
- Custom errors: hier kunt u zelf een error invullen voor bijv wanneer iemand het veld niet invuld.
- Ook hebben we nog een selectbox bijvoorbeeld.
- Deze heeft veel dezelfde opties als een textfield.
- Een selectbox heeft ook andere opties.
- Zoals de options: dit zijn de verschillende keuzes waaruit de gebruiker kan kiezen.
- In de value vult u de waarde in van het gekozen element en bij de option vult u de naam in.
- De option is zichtbaar voor de gebruiker, de value niet.
- Ook hebben we nog de extra optie, de gebruiker kan hier dan zelf iets invullen ipv de opties die al beschikbaar zijn.
- Allow multiple: meerdere keuzes toestaan of juist niet.
- Appearance: hierin kunt u aangeven hoe de selectbox eruit ziet.
- Een element verwijderen kan door erop te klikken en dan te kiezen voor delete.
- De 3e optie die we laten zien in deze video is de file upload.
- Ook deze heeft veel dezelfde opties als een textfield.
- De opties van het textfield staan in de beschrijving, maar een file upload heeft ook andere opties.
- Limits: het minimum/maximum aan bestanden aangeven.
- Allowed extensions: de bestandsnamen die toegestaan zijn, gescheiden door een comma(,).
- Align to fileset: aangeven in welke file set de geüploade bestanden terecht komen.
- Een RAR bestand mag niet geüpload worden.
- Nadat we ons formulier samengesteld hebben kunnen we een preview hiervan zien door op preview te klikken.
- Hier zien we al onze elementen en kunnen we het formulier versturen om de melding te zien wanneer het formulier ingevuld is.
