Custom form styles
Permalink 1 user found helpful
Hi guys,
I'm a total concrete5 newbie, I just wanted to know before I get started, using the concrete5 form block, are you able to totally customize the appearance of the form with CSS?
Thanks in advance,
Paul.
I'm a total concrete5 newbie, I just wanted to know before I get started, using the concrete5 form block, are you able to totally customize the appearance of the form with CSS?
Thanks in advance,
Paul.
Hi Paul,
Welcome to Concrete5!
The form block itself is unfortunately not easy to style (it outputs a TABLE, and it is not classed consistently -- e.g. there's not necessarily a way to differentiate between different kinds of <input> types).
However, I've created a free addon which provides custom templates for the form block which are much easier to style with CSS (it outputs the form as a series of divs instead of as a table):
http://www.concrete5.org/marketplace/addons/form-tableless-layout/...
You might also be interested in this other free addon, which has the same styling benefits as the above addon, but also ajax-ifies the form block (so form submissions don't require a page refresh):
http://www.concrete5.org/marketplace/addons/ajax-form...
Best of luck!
-Jordan
Welcome to Concrete5!
The form block itself is unfortunately not easy to style (it outputs a TABLE, and it is not classed consistently -- e.g. there's not necessarily a way to differentiate between different kinds of <input> types).
However, I've created a free addon which provides custom templates for the form block which are much easier to style with CSS (it outputs the form as a series of divs instead of as a table):
http://www.concrete5.org/marketplace/addons/form-tableless-layout/...
You might also be interested in this other free addon, which has the same styling benefits as the above addon, but also ajax-ifies the form block (so form submissions don't require a page refresh):
http://www.concrete5.org/marketplace/addons/ajax-form...
Best of luck!
-Jordan
Hi, thanks for the reply guys.
I definitely would like to have divs rather than tables, so ill check out the add-on, thanks very much.
I definitely would like to have divs rather than tables, so ill check out the add-on, thanks very much.
Nice Jordan, I just installed your tableless form addon.
You have all the perfect addons for me.
You have all the perfect addons for me.
The core form block renders as a table. All elements have either a class or an ID, so you can customize them with CSS.