Allow close panel on wide screen

6 posts, 1 answers
  1. Marcin
    Marcin avatar
    170 posts
    Member since:
    Jan 2011

    Posted 14 Mar 2016 Link to this post

    Hello

    Is it possible to toggle panel also when visible (wide screen). Running manually close/open is not doing anything. And I would like to be able close (manually) panel, then show it, also on wide screen.

  2. Answer
    Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    633 posts

    Posted 16 Mar 2016 Link to this post

    Hello Marcin,

    You can access the Kendo UI ResponsivePanel element and use the jQuery toggle() method. Please check out the following dojo:

    http://dojo.telerik.com/AQONi

    Let me know, whether this is what you are looking for.

     

    Regards,
    Dimiter Topalov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kaan
    Kaan avatar
    46 posts
    Member since:
    May 2016

    Posted 09 May in reply to Dimiter Topalov Link to this post

    Hello!

    When the Kendo UI ResponsivePanel element is hidden by the user via the jQuery toggle() method, the panel can not be opened after being automatically hidden, when the window size is (resized) below the widget's breakpoint configuration (http://docs.telerik.com/kendo-ui/api/javascript/ui/responsivepanel#configuration-breakpoint).

    I need a solution where the toggle button is always visible, and the user can open and close the panel anytime, regardless of whether the window size is below or over the breakpoint. However, when the initial window size is below or the window is resized below the breakpoint, the panel should be hidden automatically once.

    I was trying to implement this behaviour with the widget's open and close methods, however, these methods do not work as long as the window size is over the breakpoint.

    Could you please provide a working solution?

     

    Best regards,

    Kaan

     

  4. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    633 posts

    Posted 11 May Link to this post

    Hi Kaan,

    In this scenario you need to override the default behavior, triggered via the CSS media query, and implement your own custom logic for hiding/showing the ResponsivePanel element initially and on resizing the window, e.g.:

    http://dojo.telerik.com/AQONi/10

    I hope this helps.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    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.
  5. Nathan
    Nathan avatar
    43 posts
    Member since:
    Sep 2011

    Posted 19 May Link to this post

    That's ridiculous, why don't the Open and Close method work when it's wider than the breakpoint?  Someone had to deliberately code it NOT to work as everyone would expect it to?  When can this be fixed?
  6. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    633 posts

    Posted 23 May Link to this post

    Hi Nathan,

    The built-in intended behavior of the ResponsivePanel is to be opened when the available width is above the breakpoint.

    All previous posts involve custom scenarios and various workarounds for achieving the desired custom behavior.

    In general, changing current features implementation, and/or providing new ones is not planned, as active development for the Kendo UI for Mobile is discontinued, and currently limited to critical bug fixes. Thank you for the understanding.

    I can recommend the Progress Professional Services for any required feature customization or custom implementation:

    https://www.progress.com/services/outsourcing/feature-customization

    https://www.progress.com/services/outsourcing/custom-app-development-app-customizations

    Let me know if you are interested, and I will arrange for someone from the team to contact you.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    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