This is a migrated thread and some comments may be shown as answers.
Increase the width of editor controls in grid popup
2 Answers 419 Views
This is a migrated thread and some comments may be shown as answers.
Shameer
Top achievements
Rank 1
Shameer asked on 10 Apr 2014, 06:45 AM
Hello,

I am using Kendo UI for ASP.NET MVC and I am very new to it. I am trying to increase the width of the editor controls in the grid popup editor. Even though I could increase the width of the popup window using 
.Editable(e => e.Mode(GridEditMode.PopUp).TemplateName("CustomEdit").Window(w => w.Title("Edit").Name("customedit").Width(1000)))
the controls inside the window are not widened with it.

Can anyone please advise me how it can be done?

Thanks

Shameer

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 11 Apr 2014, 11:03 AM
Hi Shameer,

The form container inside the popup window has a default width of 400px. You can override/remove it by placing the following CSS rule on the page:

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


Regards,
Dimo
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Shameer
Top achievements
Rank 1
answered on 15 Apr 2014, 11:29 PM
Thanks Dimo. I could increase the width of the form and input controls inside it using the following styles

<style type="text/css">
    div.k-edit-form-container {
        width: 80%;
    }
 
        div.k-edit-form-container div.editor-field textarea, input.k-textbox {
            width: 100%;
            max-width: none;
        }
</style>

I appreciate your help.

Thanks

Shameer
Tags
Grid
Asked by
Shameer
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Shameer
Top achievements
Rank 1
Share this question
or