Render Kentico Biz Forms as Bootstrap Forms

CSS Team asked on December 5, 2016 13:47

Hi,

We need to render Kentico BizForms as Bootstrap Forms. Is there a supported way to change the styles of forms built with the form builder?

br,

Sebastian Naske

Recent Answers


Brenden Kehren answered on December 5, 2016 13:55

All of Kentico's form controls are wrapped with Bootstrap classes. You'll need to apply a wrapper class to a containing div (maybe content before and after in the form webpart). Then create your styles in your main stylesheet with that wrapper class and the other bootstrap classes. It works pretty slick and easy once you get to figure it out.

If you're not using the webpart and using the widget instead, you can modify the rich text after you enter the form widget on the page OR you can create a container and assign that in the widget.

0 votesVote for this answer Mark as a Correct answer

Adam Gitin answered on December 5, 2016 19:25

Can also try using the form layout option for more control over html.

0 votesVote for this answer Mark as a Correct answer

Amit Srivastava answered on December 7, 2016 09:50

It will be better to write custom layout for displaying form and in this scenario you can use any bootstrap class. like below -

    <div class="row">
        <div class="col-sm-3">
            <div>$$label:Name$$</div>
        </div>
        <div class="col-sm-8">
            <div>$$input:Name$$ <span class="ErrorLabel">$$validation:Name$$</span></div>
        </div>
   </div>

and use container class in HTML Envelop.

3 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.