<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>
In this article
Not finding the help you need?