Design and CSS styles
Version 7.x > Design and CSS styles > BizForm styling View modes: 
User avatar
Member
Member
dbraun-pediatricweb - 2/12/2013 4:55:40 PM
   
BizForm styling
I am trying to make the BizForm look nicer and have been fiddling with the source code for Custom layout. The problem is that the validation code ($$validation:.....$$) that appears after each and every form input call is creating an extra line of space and the form looks terrible. How can I fix this? Can I put all of the validation code at the bottom of the table that houses the form?

User avatar
Kentico MVP
Kentico MVP
Brenden Kehren - 2/12/2013 9:32:46 PM
   
RE:BizForm styling
You can simply create your own layout OR just style the default classes generated with the form. Take a look at the source code of a rendered form. Submit the form and look at it again and you'll find the class EditingFormErrorLabel that you can style.

User avatar
Certified Marketer 12
Certified Marketer 12
Ilesh Mistry (MMT Digital's K-Team) - 2/20/2013 10:36:10 AM
   
RE:BizForm styling
Hello

You can style the elements how you wish, so if you look at this forum post reply, that might help Biz Form styling

Thanks

Ilesh Mistry from MMT Digital's K-Team
Kentico Certified Developer

User avatar
Member
Member
brian.mccleery-gmail - 2/18/2014 3:57:24 PM
   
RE:BizForm styling
How can I change the default table layout of a form? I waste a lot of time trying to make a form readable by merging cells, bolding labels, and adding padding to the table's properties. I'd prefer that it renders things a specific way by default.

User avatar
Kentico Customer Success
Kentico Customer Success
kentico_martind2 - 2/18/2014 7:49:28 PM
   
RE:BizForm styling
Hi Brian,

I'm not sure what exactly is the problem but as it was mentioned before: Defining custom form layout
You can switch also to the Source (CK Editor) and edit the HTML code of your Form directly.

Best Regards,
Martin danko

User avatar
Member
Member
brian.mccleery-gmail - 2/18/2014 9:46:32 PM
   
RE:BizForm styling
What I mean is this: When you're on the Form tab and you click the Generate table layout button, the way the form is laid out sucks because it's barely readable due to horrible spacing. It's also not even close to mobile-friendly. I want to control that transformation so that, when I click that button, a better layout is generated by default. The problem is, I can't find anything on how to modify that default form-generation.

User avatar
Kentico Support
Kentico Support
kentico_jurajo - 2/19/2014 2:37:34 AM
   
RE:BizForm styling
Hi,

You can create a fully custom page with custom button and function for this. Or, you can also modify the existing one. (How to find location of the code for a page used in the UI).
We have passed this to our product management team and hopefully it will be improved in future versions.

Best regards,
Juraj Ondrus