Formulier elementen met Concrete5

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.