New to Telerik UI for JSP? Download free 30-day trial

<kendo:expansionPanel>

A JSP wrapper for Kendo UI ExpansionPanel.

Configuration Attributes

animation boolean

A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. Further configuration is available via kendo:expansionPanel-animation.

Example

<kendo:expansionPanel animation="animation">
</kendo:expansionPanel>

collapseIconClass java.lang.String

The class of the collapse icon.

Example

<kendo:expansionPanel collapseIconClass="collapseIconClass">
</kendo:expansionPanel>

disabled boolean

If set to true the widget will be disabled.

Example

<kendo:expansionPanel disabled="disabled">
</kendo:expansionPanel>

expandIconClass java.lang.String

The class of the collapse icon.

Example

<kendo:expansionPanel expandIconClass="expandIconClass">
</kendo:expansionPanel>

expanded boolean

If set to true the widget will be expanded by default.

Example

<kendo:expansionPanel expanded="expanded">
</kendo:expansionPanel>

height java.lang.Object

The height of the widget. Numeric values are treated as pixels.

Example

<kendo:expansionPanel height="height">
</kendo:expansionPanel>

subTitle java.lang.String

The subtitle of the widget.

Example

<kendo:expansionPanel subTitle="subTitle">
</kendo:expansionPanel>

title java.lang.String

The title of the widget.

Example

<kendo:expansionPanel title="title">
</kendo:expansionPanel>

toggleable boolean

If set to false the user will not be able to expand/collapse the widget.

Example

<kendo:expansionPanel toggleable="toggleable">
</kendo:expansionPanel>

Configuration JSP Tags

kendo:expansionPanel-animation

A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration.

More documentation is available at kendo:expansionPanel-animation.

Example

<kendo:expansionPanel>
    <kendo:expansionPanel-animation></kendo:expansionPanel-animation>
</kendo:expansionPanel>

Event Attributes

expand String

Fired when the widget is expanded.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the expand event documentation.

Example

<kendo:expansionPanel expand="handle_expand">
</kendo:expansionPanel>
<script>
    function handle_expand(e) {
        // Code to handle the expand event.
    }
</script>

collapse String

Fired when the widget is collapsed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the collapse event documentation.

Example

<kendo:expansionPanel collapse="handle_collapse">
</kendo:expansionPanel>
<script>
    function handle_collapse(e) {
        // Code to handle the collapse event.
    }
</script>

complete String

Fired when the animation during collapse/expand is completed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the complete event documentation.

Example

<kendo:expansionPanel complete="handle_complete">
</kendo:expansionPanel>
<script>
    function handle_complete(e) {
        // Code to handle the complete event.
    }
</script>

Event Tags

kendo:expansionPanel-expand

Fired when the widget is expanded.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the expand event documentation.

Example

<kendo:expansionPanel>
    <kendo:expansionPanel-expand>
        <script>
            function(e) {
                // Code to handle the expand event.
            }
        </script>
    </kendo:expansionPanel-expand>
</kendo:expansionPanel>

kendo:expansionPanel-collapse

Fired when the widget is collapsed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the collapse event documentation.

Example

<kendo:expansionPanel>
    <kendo:expansionPanel-collapse>
        <script>
            function(e) {
                // Code to handle the collapse event.
            }
        </script>
    </kendo:expansionPanel-collapse>
</kendo:expansionPanel>

kendo:expansionPanel-complete

Fired when the animation during collapse/expand is completed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the complete event documentation.

Example

<kendo:expansionPanel>
    <kendo:expansionPanel-complete>
        <script>
            function(e) {
                // Code to handle the complete event.
            }
        </script>
    </kendo:expansionPanel-complete>
</kendo:expansionPanel>
In this article
Not finding the help you need?