Hi,
Trying to build a multicolumn form within a tabstrip using div and bootstrap grid tags. Even after reading article about Bootstrap and Kendo, (http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nesting-kendo-ui-widgets-and-bootstrap-grid-layout), the layout seems not to work as expected like in:
01.
<
div
class
=
"row"
>
02.
<
div
class
=
"col-sm-6 col-md-6"
>
03.
<
div
class
=
"form-group"
>
04.
Name
05.
@(Html.Kendo().TextBoxFor(m => m.Nome).HtmlAttributes(new { @class = "k-textbox" }))
06.
</
div
>
07.
<
div
class
=
"form-group"
>
08.
Last Change
09.
@(Html.Kendo().TextBoxFor(m => m.ModifiedOn).HtmlAttributes(new { @class = "k-textbox" }))
10.
</
div
>
11.
</
div
>
12.
<
div
class
=
"col-sm-6 col-md-6"
>
13.
<
div
class
=
"form-group"
>
14.
Status
15.
@(Html.Kendo().TextBoxFor(m => m.Status).HtmlAttributes(new { @class = "k-textbox" }))
16.
</
div
>
17.
<
div
class
=
"form-group"
>
18.
Workflow
19.
@(Html.Kendo().TextBoxFor(m => m.WorkflowStatus).HtmlAttributes(new { @class = "k-textbox" }))
20.
</
div
>
21.
</
div
>
22.
</
div
>
The expected result would be a form with two columns and fields (2x) on both sides. The code is in a partial view and it is invoked on the tabstrip as follows:
01.
@
using
(Html.BeginForm())
02.
{
03.
@Html.AntiForgeryToken()
04.
05.
@(Html.Kendo().TabStrip()
06.
.Name(
"customerRecord"
)
07.
.Items(tab =>
08.
{
09.
tab.Add().Text(
"Personal Data"
)
10.
.Selected(
true
)
11.
.Content(m => Html.Partial(
"_PersonalData"
, m));
12.
})
13.
)
14.
}
Is this the way to have it done or not?
Regards,
Marcello