Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The Expander for Angular is a simple and easy to use component which can show or hide an element. The component supports several built-in expand modes. It can be set up to show or hide an element after a click, double-click or mouse enter event on the expander’s header. You can change the toggle mode by setting the toggleMode property to 'dblclick', 'click' or 'none'. The data and the header of the Expander can be loaded on demand by invoking its setHeaderContent and setContent methods.
jqxExpander is the jQWidgets Expander component for Angular. Collapsible panel with a header and content.
jqxExpander has 14 properties, 3 events and 13 methods, all in the API reference. Its main members, those its demos use first:
toggleMode (property) – Sets or gets user interaction used for expanding or collapsing the content.setHeaderContent (method) – This method is setting specific content to the expander's header.setContent (method) – This method is setting specific content to the expander.animationType (property) – Sets or gets the animation type.arrowPosition (property) – Sets or gets header's arrow position.collapseAnimationDuration (property) – Sets or gets the collapsing animation duration.expanded (property) – Sets or gets expander's state (collapsed or expanded).expandAnimationDuration (property) – Sets or gets the expanding animation duration.headerPosition (property) – Sets or gets header's position.initContent (property) – Callback function called when the item's content needs to be initialized.