ResponsivePanel Close event not fired

2 posts, 0 answers
  1. Chris
    Chris avatar
    119 posts
    Member since:
    Oct 2015

    Posted 06 Mar 2018 Link to this post

    HI

    In Desktop environment, User can resize the window of the browser,

    But I found that the Close event not fired while user maximize the window (ex. 1024 x 768) : 

    Reintroduce steps : 
    1.minimize the browser window (ex. width: 400px or smaller, height: any) then the ResponsivePanel's ToggleButton appears;
    2.maximize the browser window (ex. 1024 x 768), the Close event not fired.

    How can I detect the Close event while user maximize the browser window ? 
    Is the functionality will be fixed in the future release ? 

    *click the ToggleButton will fire the Close event normally.

    Best regards

    Chris

     

     

     

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2084 posts

    Posted 07 Mar 2018 Link to this post

    Hi Chris,

    By design the ResponsivePanel's close event triggers only on clicking its button, i.e. it is not fired when resizing the window. Currently there are no immediate plans to change this behavior.

    Maximizing the window fires the window's resize event, which you can use to trigger the Panel's close event:
    $(document).ready(function () {
      $( window ).resize(function() {
        $("#navigation").data("kendoResponsivePanel").trigger("close");
      });
    });
    Note that the window's resize event will fire for any resize not only for maximizing the window.

    Dojo example.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 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