Editor form styling

Editor form styling

komserbeykomserbey Posts: 25Questions: 0Answers: 0
edited August 2013 in Editor
Dear,

I have a long form (30 fields). I want distinct the fields using HR's in the form.
This is a pure UI issue. Is this possible?

Regards,

Komserbey

Replies

  • allanallan Posts: 63,531Questions: 1Answers: 10,475 Site admin
    Sort of... Not with `HR` elements, but you could use a little bit of CSS to do what you are looking for. Each `div` container for a field input has the class name `DTE_Field_Name_{name}` where `{name}` is the name of the field. So for example if you have a field `name: "browser"` then the class would be `DTE_Field_Name_browser` .

    You can then add a bit of styling as needed:

    [code]
    div.DTE_Field_Name_browser {
    margin-top: 1em;
    border-top: 1px solid #ccc;
    }
    [/code]

    etc.

    Future versions of Editor will include the option of using `fieldset` elements to group fields. That will likely be in v1.4.

    Regards,
    Allan
  • komserbeykomserbey Posts: 25Questions: 0Answers: 0
    edited August 2013
    The fieldset would be great
  • komserbeykomserbey Posts: 25Questions: 0Answers: 0
    Hello Allan,

    Thank you for your reply. This solution is working good for now :)
    We will wait for the fieldset option

    Regards,

    Komserbey
This discussion has been closed.