how to creat daynamic form

Nitin Patil asked on March 22, 2016 14:44

I have created form using form builder its working good. but for created in table format. i have using bootstrap framework so i want form in bootstrap so how can i customize my working form in bootstrap form? please help me.... thanks.

how to creat daynamic for

Correct Answer

Brenden Kehren answered on March 22, 2016 19:17

In addition to Josh and Bryan, you can also automatically convert that table layout to a div layout by checking the "Filter output HTML of webpart" and selecting the "All code expect blocks marked class=_nodivs" in the Convert TABLE tags to DIV tags dropdown. See screenshot below:

Image Text

2 votesVote for this answer Unmark Correct answer

Recent Answers

Joshua Adams answered on March 22, 2016 14:46

All you will need to do will be to switch your form layout to the custom layout, and take your inputs and labels and validation and place them in your bootstrap classes.

2 votesVote for this answer Mark as a Correct answer

Bryan Soltis answered on March 22, 2016 14:51

Hi Nitin,

You can probably use the Form Layout feature to specify your exact layout. Once you design using the Form Builder, click the "Layout" option to then edit the HTML however you need.

https://docs.kentico.com/display/K9/Defining+custom+form+layout

-Bryan

0 votesVote for this answer Mark as a Correct answer

Nitin Patil answered on March 23, 2016 05:57

Thanks Brenden it works fine. thanks once again.

0 votesVote for this answer Mark as a Correct answer

Dave Forster answered on April 21, 2016 17:57

I know this has been marked as answered but thought i'd give it a bump as I have a similar case but even using the cusotm layouts is not a solution for me (seemingly)

Even using the custom layout the inputs & labels still get rendered with some kentico specific markup and class names etc. For example, Drop down list get wrapped in div which I appear to have no control over

i.e. using $$input:DropDownListControl$$ generates

<div class="EditingFormControlNestedControl editing-form-control-nested-control">
    <select class="DropDownField form-control">
        ... 
        options
        ...
    </select>
    <div class="autocomplete">
    </div>
</div>

Is there anyway to tell Kentico to just get out of the way and render some unobtrusive markup ? Building stylized forms with all the "noise" is a bit a problem as it means our front end developers are having to cater for Kentico specific styles

0 votesVote for this answer Mark as a Correct answer