surround grid popup editor buttons with div tag

3 posts, 0 answers
  1. Maxim Konstantinovski
    Maxim Konstantinovski avatar
    63 posts
    Member since:
    Mar 2007

    Posted 17 Nov 2012 Link to this post

    Hi,

    Would you please surround grid popup editor buttons with div tag so that they do not wrap around in some cases when custom styling is used.

    At present your code looks like:
    html += that._createButton({ name: "update", text: updateText, attr: attr }) + that._createButton({ name: "canceledit", text: cancelText, attr: attr });
    However it should look like:
    html += '<div>' + that._createButton({ name: "update", text: updateText, attr: attr }) + that._createButton({ name: "canceledit", text: cancelText, attr: attr }) + '</div>';
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 22 Nov 2012 Link to this post

    Hello Maxim,

    Since you are the first one who asks for such change and we are not sure how rest of the users will benefit from such change I would suggest you to share your idea on our Kendo User Voice page. If this idea gains popularity we will consider updating the popup layout.

    As a work-around you can use the edit event of the Grid to wrap the buttons inside of a div element with jQuery.

    e.g.

    $('#gridName').data().kendoGrid.bind('edit',function(e){
        var toWrap = e.container.find('.k-grid-update').nextAll().andSelf();
        toWrap.wrapAll('<div/>')
    })

    Thank you for the understanding.

    Kind regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Sypher
    Sypher avatar
    79 posts
    Member since:
    Aug 2006

    Posted 17 Dec 2012 Link to this post

    Maxim, have you posted this to the UserVoice site yet? I like this idea as well.
Back to Top