Issue With Styling/Layout of Custom Editor Template

[Marcab]

I'm having an issue styling a custom editor template.

I want to resize the button bar section at the bottom of the view, so that it better fits / aligns with the rest of the view controls. All of my attempts to do so thus far have resulted in various issues with the layout of the other controls.

I've read through the documentation, but haven't been able to find a solution.

The view is fairly simple, and I'm using an internal style section until I get the design firmed up.

I've attached a copy of the custom Donor view, as well as a screen shot.

Any feedback/advice would be greatly appreciated.

 

 

 

[Tsvetomir]

Hi,

Generally, the edit form is inside a Kendo UI Window widget. That is why, it is recommended to adjust the dimensions of the window first and simply set the width of the form to be 100%. If you would like to further customize the positioning of the buttons, check out the CSS selector below:

    <style>
      .k-window{
        width: 1000px;
      }
      
      .k-edit-form-container{
        width: 100%;
      }
      
      .k-edit-form-container .k-edit-buttons a[role='button']{
        float: left; /* modify the position of the buttons*/
      }
    </style>

Let me know in case further assistance is required.

 

Best regards,
Tsvetomir
Progress Telerik