Form Generation Library

[eluser]macigniter[/eluser]
[quote author="seanloving" date="1266625891"]Please notice that the position is 'after' but looking at the screenshot you see the labels are 'before'. Where is the CSS that controls this?
[/quote]

The CSS that controls this is located in /styles/form.css (please read the user guide in regards to this).

PLEASE NOTE
In your example you are assigning the CSS class 'right' to all the labels. The CSS class 'right' is actually floating LEFT! It just sets the text-align to 'right'. So clearly that's the reason why the labels are still on the left and not on the right :-)

I just played around and was able to render the example form with labels after within 5 minutes. It is mandatory that you change the CSS since a change in the config file alone doesn't do the trick.

Here is my "label after" example:

1. Modify CSS (added to existing form.css)

/**
* use this class in the $config['defaults'] for 'label' in the config file
* if you want to display the label after the field
*/
label.after {
float: none;
padding-left: 10px;
vertical-align: top;
text-align: left;
}

label.after.combine {
width: auto;
float: left;
padding: 0;
}

2. Modified Configuration file (form.php)

Code:

$config['defaults'] = array(
    'label' => array(
        'position' => 'after',           // this will generate the <label> tag after the element
        'class' => 'left after',         // this will add these classes to all labels
        'required_class' => 'required',
        'required_flag' => '*'
    )
...

3. Changed some lines in the welcome.php controller

Please grab the modified controller here.

4. Et voila!