This is a migrated thread and some comments may be shown as answers.

Custom editor sizing

2 Answers 117 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Frederick
Top achievements
Rank 1
Frederick asked on 28 Jun 2013, 12:47 AM
I successfully changed the width of the editor window using:

.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("PowerEditor")
                            .Window(w=> w.Title("Edit Power Details"))
                            .Window(w=>w.Width(700))
                            .Window(w => w.Height(400))

However I'm finding that there is a div inside the window where my template is hosted with a class of k-edit-form-container .  In kendo.common.min.css this is setup with a width of 400.  Without having to change the css file what would be the correct way to alter the width of that div element similar to what I have already done for the window element?

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 28 Jun 2013, 09:16 AM
Hello,

The default width of the edit form container facilitates proper edit form layout. If you are setting width to the edit window itself, you can remove (i.e. override) the edit form container width like this:

div.k-edit-form-container
{
    width: auto;
}


Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Frederick
Top achievements
Rank 1
answered on 28 Jun 2013, 03:36 PM
Ok, thanks. 
Tags
Grid
Asked by
Frederick
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Frederick
Top achievements
Rank 1
Share this question
or