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

Grid Popup Edit Window

3 Answers 147 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Antonio
Top achievements
Rank 1
Antonio asked on 19 Feb 2014, 04:48 PM
Hi,
using KendoUI Web with the Kendogrid control, i need to center the editform in popup edit mode. I am able only change the title, the witdh.
How can i do it ?
Moreover i've seen that when i change the width of the popup, the inside container does't span the new popup area size, because a css class k-edit-form-container is alaways applied with a fix width of 400px. How can i fix it ?

3 Answers, 1 is accepted

Sort by
0
Antonio
Top achievements
Rank 1
answered on 19 Feb 2014, 04:55 PM
I can fix the second issue with .
k-edit-form-container {    width: auto;}
 but i i dont't like this as a patch !
0
Alexander Popov
Telerik team
answered on 21 Feb 2014, 01:11 PM
Hello Antonio,

I would recommend subscribing to the Grid's edit event. Once the event is triggered you can use jQuery to modify the popup Window and its content's CSS properties as necessary.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Antonio
Top achievements
Rank 1
answered on 25 Feb 2014, 01:34 PM
Hi Alexander,
now i can center the popu using the following parameters:

editable: {
     mode: "popup",
     title: "Popup Edit Title",
     window: { "width": 982 },
     createAt: "top",
}
instead of using the following format for window attribute
       window: {
              title: "Popup Edit Title",
               width: 982 
           }

About the other topic i can fix it only using the new style attribute setting the widht to auto for k-edit-form-container
Kindly Regards
Antonio


Tags
Grid
Asked by
Antonio
Top achievements
Rank 1
Answers by
Antonio
Top achievements
Rank 1
Alexander Popov
Telerik team
Share this question
or