I'm using a grid with a popup editor and use bootstrap layout.
I have done the right styling override but the right margin is not there. Any suggestions.
In the Razor view of the grid
<style>
.k-edit-form-container {
width
:
auto
;
padding
:
10px
;
}
.k-edit-form-container div {
box-sizing: border-box;
}
</style>
In the popup editor
<
div
class
=
"row"
>
<
div
class
=
"col-md-3"
>
<
div
class
=
"form-group form-group-sm"
>
<
label
asp-for
=
"NAME_RES"
class
=
"control-label"
></
label
>
<
div
>
<
input
asp-for
=
"NAME_RES"
class
=
"form-control"
/>
<
span
asp-validation-for
=
"NAME_RES"
class
=
"text-danger"
/>
</
div
>
</
div
>
</
div
>
<
div
class
=
"col-md-3"
>
<
div
class
=
"form-group form-group-sm"
>
<
label
asp-for
=
"TYPE_RES"
class
=
"control-label"
></
label
>
<
div
>
<
select
asp-for
=
"TYPE_RES"
asp-items=@ViewBag.arType
class
=
"form-control"
></
select
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"col-md-3"
>
<
div
class
=
"form-group form-group-sm"
>
<
label
asp-for
=
"ROLE_RES"
class
=
"control-label"
></
label
>
<
div
>
<
select
asp-for
=
"ROLE_RES"
asp-items=@ViewBag.arRole
class
=
"form-control"
></
select
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"col-md-3"
>
<
div
class
=
"form-group form-group-sm"
>
<
label
asp-for
=
"IDENTNUMBER_RES"
class
=
"control-label"
></
label
>
<
div
>
<
input
asp-for
=
"IDENTNUMBER_RES"
class
=
"form-control"
/>
<
span
asp-validation-for
=
"IDENTNUMBER_RES"
class
=
"text-danger"
/>
</
div
>
</
div
>
</
div
>
</
div
>
Thanks