Popup editor Multi-column layout problem

[Michel]

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

 

[Konstantin Dikov]

Hello Michel,

You will also need to remove the padding from the wrapping element:

• http://dojo.telerik.com/ezeSE

.k-window>div.k-popup-edit-form{
      padding: 0;
    }

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress

[Michel]

Hi Konstantin,

Thank you for your fast reply but the result is the same even in dojo. There is no right margin between the end of the controls and the border of the popup editor windows.

Am I wrong ?

[Konstantin Dikov]

Hello Michel,

You can further adjust the padding of the container, so that it can take into account the vertical scrollbar:

• http://dojo.telerik.com/ezeSE/4

Best Regards,
Konstantin Dikov
Telerik by Progress