Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The Responsive Panel component for Angular is collapsed when the owner's container width is less that the collapseBreakpoint property value and expanded when it is higher.
jqxResponsivePanel is the jQWidgets ResponsivePanel component for Angular. Side panel that collapses into a toggle button on small screens.
jqxResponsivePanel has 13 properties, 4 events and 5 methods, all in the API reference. Its main members, those its demos use first:
animationType (property) – Sets the type of animation using for show/hide the panel.autoClose (property) – When is set to true, after click outside of the responsive panel it closes.collapseBreakpoint (property) – If is set, changes the browser's width, where the panel shows/hides.toggleButton (property) – Sets or gets the element, where toggleButton is rendered.collapse (event) – This event is triggered when the the browser's width becomes smaller than the value of collapseBreakpoint .close (event) – This event is triggered when the responsive panel finishes it's closing.expand (event) – This event is triggered when the the browser's width becomes greater than the value of collapseBreakpoint .open (event) – This event is triggered when the responsive panel finishes it's opening.isCollapsed (method) – Returns true or false when the panel is collapsed or expanded.isOpened (method) – Returns true or false when the panel is opened or closed.