custom popup editor with customize width not in the center

3 posts, 0 answers
  1. rooney
    rooney avatar
    17 posts
    Member since:
    Oct 2012

    Posted 01 Nov 2012 Link to this post

    Hii all
    i making custom popup editor with customize width, so my problem is a window not in center, but widen to right
    this my code :
    ...
    editable: { mode: "popup", template: $("#popup_brand").html() },
            edit: function(e) {
                $(e.container).parent().css({
                    width: 900
                });
            },

    so, how to make that template window into the center.

    Thank
  2. NovaStor
    NovaStor avatar
    5 posts
    Member since:
    May 2014

    Posted 19 Jul 2017 in reply to rooney Link to this post

    Hi rooney,

    Did you ever find a solution?

    Thank you!

  3. Orlin
    Admin
    Orlin avatar
    62 posts

    Posted 21 Jul 2017 Link to this post

    Hello,

    See this dojo for one possible way of resizing the popup editor Window and centering it: http://dojo.telerik.com/AKURE

    The Grid's edit event's e.container is a Kendo UI Window element when the Grid is in popup edit mode. After the window is initialized, you can get that Kendo Window instance by using .data('kendoWindow'), then set its width to the desired size using the Window's setOptions method followed by the center method to center the window on the screen.

    I hope this helps.

    Regards,
    Orlin
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top