CSS classes for forms

First: thread:379
Feedback from naive user
Edited: 26 Oct 2011 12:41 by: Sheepdog
Comments: 3
Tags:

««

« Data form 'required' property UI design
« useful form data
« wiki fields should support the same features as a page that doesn't use data forms
« Long term ideas
« Field values depending on previous field
« Date fields
« Will this lead to a semantic wiki?
« Displaying the page title in the form
« Attribute for page-title
« Attribute for page-title

Previous: thread:305
Attribute for page-title
Edited: 24 Feb 2010 13:56 by: Steven Heynderickx
Comments: 0
Tags:

Last: thread:141
Which aspects of this design do people want first?
Edited: 11 Nov 2009 12:44 by: leiger
Comments: 14
Tags:

»»

The "image" data type »
Field name validation »
Page path improvements »
line breaks in form fields »
Additional field types »
Implementation and possibilities of Data Forms »
Property:hint »
Actual implementation? »
For testing purposes »
Which aspects of this design do people want first? »

Next: thread:286
The "image" data type
Edited: 12 Feb 2010 01:45 by: leiger
Comments: 1
Tags:

pieterh wrote on 05 Feb 2010 15:31

Proposed CSS classes (somewhat simpler than today's names):

CSS Styling

You can modify the look and feel of your data forms using CSS (either per-site, or per page using the CSS module. This is the CSS model for data forms:

• table
  class: form-table
  • tr
    class: form-row
    • td
      class: form-labels
      • span
        class: form-label
    • td
      class: form-values
      • span
        class: form-value field-{name}
        class': form-error (added to field while save when there is matching error)
        • {field}
          class: form-{type}
          class': form-hinted (added to field with hint inside)
        • span
          class: form-message

Symbols:

{name} - name of the field
{type} - type of the field (text, select, pagepath etc.)

Start a new sub-thread

Will the use of tables as a layout change?

By Steven Heynderickx

2 Comments

06 Feb 2010 22:55

Comments: 1

pieterh 15 Feb 2010 11:36

Implemented as specified, I'm closing this subthread.

---

Portfolio