Formulär

Med formulärfunktionen i Dynamix CMS skapar man formulär för tex. kontakt, bokning eller någon form av beställning från besökarna. Det går att skapa formulär med i princip valfritt upplägg.

Följande formulärfält finns som standard

Exempel på formulär

Exempel på ett formulär

  • Textfält

  • Dropdownlistor / Rullgardinsmeny

  • Alternativlista

  • Kryssruta

  • Radioknapp

  • Skicka-knapp

  • Ångra-knapp

  • Formulärsammanfattning (används på tack-sida)
    Extra formulärvärden

  • Skicka fil

Här kommer en förteckning av de klasser som används för formulärinnehållen

  • Textfält
    - dxFormTextBox

  • Dropdownlistor / Rullgardinsmeny
    - dxFormDropDownList

  • Alternativlista
    - dxFormListBox

  • Kryssruta
    - dxFormCheckboxInputDiv (texten kopplad till en checkbox)
    - dxFormCheckboxInput
    - dxFormCheckboxLabelDiv

  • Radioknapp
    - dxFormRadioDiv (texten kopplad till en radioknapp)
    - dxFormRadioInputDiv
    - dxFormRadioLabelDiv

  • Skicka-knapp
    - dxFormSubmitButton

  • Ångra-knapp
    - dxFormResetButton

  • Formulärsammanfattning
    - dxFormSummary

  • Extra formulärvärden
    - Detta formulärelement används i formulär där du vill inkludera dolda värden

  • Skicka fil

De flesta formulärelement har etiketter. Det finns en class för att sätta stilar för labels:

  • dxTextLabelDiv

CSS-exempel:

  1. C#
  1. .dxTextLabelDiv,
  2. .dxFormResetButton,
  3. .dxFormSubmitButton,
  4. .dxFormCheckboxLabelDiv,
  5. .dxFormRadioLabelDiv,
  6. .dxFormListBox,
  7. .dxFormDropDownList,
  8. .dxFormTextBox
  9. {
  10. font-family:verdana;
  11. font-size:10px;
  12. font-weight:normal;
  13. color:#666666;
  14. }
  16. .dxFormCheckboxLabelDiv,
  17. .dxFormListBox,
  18. .dxFormDropDownList,
  19. .dxFormTextBox
  20. {
  21. font-family:verdana;
  22. font-size:10px;
  23. font-weight:normal;
  24. color:#666666;
  25. margin:0px;
  26. padding:0px;
  27. border:solid 1px #7e858a;
  28. margin-bottom:0.2em;
  29. }
  31. .dxFormResetButton,
  32. .dxFormSubmitButton
  33. {
  34. height:20px;
  35. }
  38. .dxFormCheckboxLabelDiv,
  39. .dxFormRadioLabelDiv
  40. {
  41. border:0em;
  42. vertical-align:bottom;
  43. margin-top:0.2em;
  44. }
  46. .textfield,
  47. input.dxFormTextBox,
  48. .dxFormDropDownList
  49. {
  50. padding-top:2px;
  51. height:16px;
  52. }