Hello

If you mean Kentico Biz Forms on the front end, then what you can do is go to the Form tab and select the 'Use custom form layout'. Here you can either 'Generate table layout' or create your own using Divs or whatever HTML you want using the Source option from CK Editor.

Then you can add in the class/id and using CSS you can then align the form labels and fields.

I would recommend that you 'Generate table layout' then go to the Source code of it and add the HTML you require around the fields.

Hope this helps

Thanks

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

View your form and right click the page the form is loaded on and find the element in html. You will find a <div> element with a class="FormPanel". Nested inside the <div> is a <table> with class="EditingFormTable" assigned to it. The category rows have class names assigned to them as do the cells (label and value) and the label cells have <span> tags around the label text so you can style that as well. I suggest creating a simple form and reviewing the rendered markup. All you'd need to do is create those classes in your stylesheet. Here is a quick example:

.FormPanel { width: 100%; padding: 8px; border: none; }
.FormPanel .EditingFormTable, { width: 100%; }
.FormPanel .EditingFormTable .EditingFormCategoryRow { text-transform: uppercase; font-family: "OswaldBold"; font-size: 16px; color: #333333; }
.FormPanel .EditingFormTable .EditingFormCategoryRow td { margin: 10px 0px; padding: 5px 5px 5px 10px; }
.FormPanel .EditingFormTable tr .EditingFormLabelCell { vertical-align: middle; text-align: right; }
.FormPanel .EditingFormTable tr .EditingFormLabelCell .EditingFormLabel { font-weight: bold; }
.FormPanel .EditingFormTable tr td { padding-bottom: 9px; }
.FormPanel .EditingFormTable tr .EditingFormButtonCell { padding-top: 10px; }