# r

## Tag accordion

- Description:

    The <r:accordion> is a series of panels stacked on top of each other, each collapsed such that only the header of the panel is showing. When the header of a panel is clicked, it is expanded to show the content of the panel. Clicking on a different header will collapse the previous panel and epand the selected one. Each panel contained in a <r:accordion> component is a <r:accordionItem> component.

    @author akolonitsky

- Component Information
  Info | Value
  --- | ---
  Component Type | `org.richfaces.ui.Accordion`
  Display Name | None
  Handler Class | `org.richfaces.ui.toggle.TogglePanelTagHandler`
  Renderer Type | `org.richfaces.ui.AccordionRenderer`
  Description | The <r:accordion> is a series of panels stacked on top of each other, each collapsed such that only the header of the panel is showing. When the header of a panel is clicked, it is expanded to show the content of the panel. Clicking on a different header will collapse the previous panel and epand the selected one. Each panel contained in a <r:accordion> component is a <r:accordionItem> component. @author akolonitsky

- Attributes
  Name | Required | Type | Description
  --- | --- | --- | ---
  `activeItem` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Holds the active tab name. This name is a reference to the name identifier of the active child <r:tab> component.
  `binding` | `false` | `javax.el.ValueExpression` (must evaluate to `javax.faces.component.UIComponent`) | The value binding expression used to wire up this component to a component property of a JavaBean class
  `converter` | `false` | `javax.el.ValueExpression` (must evaluate to `javax.faces.convert.Converter`) | Converter instance registered with this component.
  `cycledSwitching` | `false` | `javax.el.ValueExpression` (must evaluate to `boolean`) | Applicable when cycling through the tabs. If "true", then when the last tab is active, cycling to next will activate the first tab, if "false", cycling to next will have not effect. The inverse applies for the first tab, and cycling to previous. Whether to Default: false
  `dir` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Direction indication for text that does not inherit directionality. Valid values are "LTR" (left-to-right) and "RTL" (right-to-left).
  `height` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The height of the panel
  `id` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The component identifier for this component. This value must be unique within the closest parent component that is a naming container.
  `immediate` | `false` | `javax.el.ValueExpression` (must evaluate to `boolean`) | Flag indicating that this component's value must be converted and validated immediately (that is, during Apply Request Values phase), rather than waiting until Process Validations phase.
  `itemActiveHeaderClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The CSS class applied to the panel header when the panel is active
  `itemActiveLeftIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the left of the panel header when the panel is active
  `itemActiveRightIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the right of the panel header when the panel is active
  `itemChangeListener` | `false` | `javax.el.ValueExpression` (must evaluate to `javax.el.MethodExpression`) | Occurs on the server side when an item is changed through Ajax using the server mode
  `itemContentClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | A CSS class applied to each of the accordionItem children
  `itemDisabledHeaderClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The CSS class applied to the panel header when the panel is disabled
  `itemDisabledLeftIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the left of the panel header when the panel is disabled
  `itemDisabledRightIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the right of the panel header when the panel is disabled
  `itemHeaderClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The CSS class applied to the panel header
  `itemInactiveHeaderClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The CSS class applied to the panel header when the panel is not active
  `itemInactiveLeftIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the left of the panel header when the panel is not active
  `itemInactiveRightIcon` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The icon displayed on the right of the panel header when the panel is not active
  `lang` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Code describing the language used in the generated markup for this component.
  `onbeforeitemchange` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Points to the function to perform when before the switchable item is changed
  `onclick` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is clicked over this element.
  `ondblclick` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is double clicked over this element.
  `onitemchange` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Points to the function to perform when the switchable item is changed.
  `onmousedown` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is pressed down over this element.
  `onmousemove` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is moved within this element.
  `onmouseout` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is moved away from this element.
  `onmouseover` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is moved onto this element.
  `onmouseup` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Javascript code executed when a pointer button is released over this element.
  `rendered` | `false` | `javax.el.ValueExpression` (must evaluate to `boolean`) | Flag indicating whether or not this component should be rendered (during Render Response Phase), or processed on any subsequent form submit. The default value for this property is true.
  `style` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | CSS style(s) to be applied when this component is rendered.
  `styleClass` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Space-separated list of CSS style class(es) to be applied when this element is rendered. This value must be passed through as the "class" attribute on generated markup.
  `switchType` | `false` | `javax.el.ValueExpression` (must evaluate to `org.richfaces.ui.common.SwitchType`) | The switch mode when a panel is activated. One of: "client", "server", "ajax". Default: "ajax"
  `title` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | Advisory title information about markup elements generated for this component.
  `width` | `false` | `javax.el.ValueExpression` (must evaluate to `java.lang.String`) | The width of the panel

Output generated by Vdldoc View Declaration Language Documentation Generator.