<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>