plataformatec/simple_form — Issue #345: Standardizing the simple_form html output
Author: kuroir
Created: 2011-10-10 15:33:14+00:00
State: open

I've been working on a CSS Base Stylesheet to make simple_forms pretty with ease; till now, it has proven to be really easy due to the, not sure if intentional, implementation of the Principle of Least Astonishment:

![](http://dl.dropbox.com/u/4651065/screenshots/2011/10/why.png)

All of the input fields generated by simple_form are wrapped by a div element similar to:

However some of them aren't, which makes styling hard, for example:

f.collection_radio
f.collection_check_boxes
f.button

`f.button` makes sense since some times you'll want one button next to the other, so having it generate a `div` is a bad idea; however, it would be nice if we could include a "div.actions" wrapper to the button generated with the template used by the generator.

Something like:

.actions
= f.button :submit, conditional_t('users.form.submit')

For `collection_radio` and `collection_check_boxes` I think we need to follow the same pattern as the rest, wrap it up in a div to facilitate traversing them with css selectors.

Thoughts on this?