laxar-accordion-control

Wraps the jQuery UI accordion as an AngularJS v1 directive, for LaxarJS widgets.

Installation

To use this control you should install it into your LaxarJS v2 project:

npm install --save laxar-accordion-control

Because the control uses SCSS for styling, you project should be setup to process it, for example using webpack. This control requires jQuery UI and only works for LaxarJS widget that are targeting AngularJS v1.

Usage

Reference the control from the widget.json descriptor of your widget:

"controls": [ "laxar-accordion-control" ]

Now you should be able to use the ax-accordion directive in your HTML widget template:

<div ax-accordion="{ duration: 200 }">
   <div class="ax-accordion-group">
      <div>First Panel Title</div>
      <div>Contents of first panel</div>
   </div>
   <div class="ax-accordion-group">
      <div>Second Panel Title</div>
      <div>Contents of second panel</div>
   </div>
</div>

The directive attribute can be used to specify options for the jQuery UI accordion.