<kendo:responsivePanel>
A JSP wrapper for Kendo UI ResponsivePanel.
Configuration Attributes
autoClose boolean
If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close.
Example
<kendo:responsivePanel autoClose="autoClose">
</kendo:responsivePanel>
breakpoint float
Specifies the page width at which the widget will be hidden and its toggle button will become visible.
Example
<kendo:responsivePanel breakpoint="breakpoint">
</kendo:responsivePanel>
nonce java.lang.String
Specifies the nonce attribute that will be set to the inline style injected in the
tag containing the dynamic media query styles.Example
<kendo:responsivePanel nonce="nonce">
</kendo:responsivePanel>
orientation java.lang.String
Specifies the direction from which the hidden element will open up, once the toggle button has been activated
Example
<kendo:responsivePanel orientation="orientation">
</kendo:responsivePanel>
toggleButton java.lang.String
Specifies the selector for the toggle button that will show and hide the responsive panel.
Example
<kendo:responsivePanel toggleButton="toggleButton">
</kendo:responsivePanel>
Event Attributes
close String
Triggered before the responsive panel is closed. Cancellable.
For additional information check the close event documentation.
Example
<kendo:responsivePanel close="handle_close">
</kendo:responsivePanel>
<script>
function handle_close(e) {
// Code to handle the close event.
}
</script>
open String
Triggered before the responsive panel is opened. Cancellable.
For additional information check the open event documentation.
Example
<kendo:responsivePanel open="handle_open">
</kendo:responsivePanel>
<script>
function handle_open(e) {
// Code to handle the open event.
}
</script>
Event Tags
kendo:responsivePanel-close
Triggered before the responsive panel is closed. Cancellable.
For additional information check the close event documentation.
Example
<kendo:responsivePanel>
<kendo:responsivePanel-close>
<script>
function(e) {
// Code to handle the close event.
}
</script>
</kendo:responsivePanel-close>
</kendo:responsivePanel>
kendo:responsivePanel-open
Triggered before the responsive panel is opened. Cancellable.
For additional information check the open event documentation.
Example
<kendo:responsivePanel>
<kendo:responsivePanel-open>
<script>
function(e) {
// Code to handle the open event.
}
</script>
</kendo:responsivePanel-open>
</kendo:responsivePanel>