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

Allow close panel on wide screen

5 Answers 164 Views
ResponsivePanel
This is a migrated thread and some comments may be shown as answers.
Marcin
Top achievements
Rank 1
Veteran
Marcin asked on 14 Mar 2016, 09:37 AM

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.

5 Answers, 1 is accepted

Sort by
0
Accepted
Dimiter Topalov
Telerik team
answered on 16 Mar 2016, 11:30 AM

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!
0
Kaan
Top achievements
Rank 1
answered on 09 May 2017, 04:07 PM

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

 

0
Dimiter Topalov
Telerik team
answered on 11 May 2017, 10:47 AM
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.
0
Nathan
Top achievements
Rank 2
answered on 19 May 2017, 08:14 PM
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?
0
Dimiter Topalov
Telerik team
answered on 23 May 2017, 08:00 AM
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.
Tags
ResponsivePanel
Asked by
Marcin
Top achievements
Rank 1
Veteran
Answers by
Dimiter Topalov
Telerik team
Kaan
Top achievements
Rank 1
Nathan
Top achievements
Rank 2
Share this question
or