wishlist requirements from the forum:
http://www.icefaces.org/JForum/posts/list/0/3376.page

1. I'd like that the accordeon component can be fill dynamically.

2. I'd like create any tab of the accordeon with information that i get of a
data base,

3. I'd like too that the label of any tab can be a link

4. I'd like that inside the content of any tab wil be posible put components
like tree or others, it can be seemed to a panel tab, but obviously with a
behavior diferent.

Here is the MyFaces accordion example. It uses fixed content (Like tab panel)

<s:accordionPanel id="test1" layout="accordion">
<t:panelTab label="Content 1">
<h:outputText value="Content 1"/>
<h:inputText value="" onchange="this.form.submit();"/>
</t:panelTab>
<t:panelTab label="Content 2">
<h:outputText value="Content 1"/>
<h:inputText value="" onchange="this.form.submit();"/>
</t:panelTab>
</s:accordionPanel>

From user input the Ice Accordion component is going to be dynamic with the same
template used to generate each panel.

<ice:accordion value="#

" var="var">
<f:facet name="header">
<h:outputText value="#

"/>
</f:facet>
<ice:panelGroup>
<h:outputText value="#

"/>
</ice:panelGroup>
</ice:accordion>

Prototype attached, with example.

1. I'd like that the accordeon component can be fill dynamically.
Placing the accordion panel in a series panel will do this.

2. I'd like create any tab of the accordeon with information that i get of a
data base,
See #1

3. I'd like too that the label of any tab can be a link

Currently its just a text div that can be clicked to open or close the panel.

4. I'd like that inside the content of any tab wil be posible put components
like tree or others, it can be seemed to a panel tab, but obviously with a
behavior diferent.

You can place anything inside an accordion panel (In theroy)

The accordion panel has been checked into trunk. Still need to create a component showcase example.

Resolved fixed

To do:

• Add tld documentation
• Change open attribute to expanded
• Remove label, add in a header facet
• Fire Property Change event when expanded or collapsed.
• Add toggleOnClick attribute, when header facet is clicked, panel will expand or contract.

Another thing to add is the CSS classes for header facet (enabled + disabled + expanded + collapsed)

Should be valueChangeListener instead of propertyChangeListener.

Checked in r13646

Assigning to Mark;

I'll update this bug with a summary of style issues related to this component.

Here is a list of nice to have feature for the beta release. I can implement the CSS styles for xp and royale once the style names have been straitened out.

General TLD issue.

• The style attribute is not in the TLD
• Style attribute does not appear to work either, attributes are not passed through to the renderer.

Style Issues.

• Rob defined the following class hierarchy but didn't not name a default ice specific theme what would be used/rendered by default.
• If a user sets the styleClass attribute to "accordion" then the following will be rendered.

Default State

• accordionHeader
• accordionContent
• accordionContainer

Closed

• accordionHeader_collapsed
• accordionContent_collapsed
• accordionContainer_collapsed

Open and disabled

• accordionHeader_dis
• accordionContent_dis
• accordionContainer_dis

Closed and disabled

• accordionHeader_collapsed_dis
• accordionContent_collapsed_dis
• accordionContainer_collapsed_dis

The suffixes seem to correctly applied when the component is rendered. To comply with the default "ICE" themes the default root tyle name should probably be "iceAccordion" and the following default CSS classes could be created.

/*
----------- panelAccordion ----------
*/

/* opened accordion styles */
.iceAccordionHeader, .iceAccordionContent, .iceAccordionContainer{
}
/* Closed */
.iceAccordionHeader_collapsed, .iceAccordionContent_collapsed,
.iceAccordionContainer_collapsed{
}

/* Open and disabled */
.iceAccordionHeader_dis, .iceAccordionContent_dis, .iceAccordionContainer_dis{
}

/* Closed and disabled */
.iceAccordionHeader_collapsed_dis, .iceAccordionContent_collapsed_dis,
.iceAccordionContainer_collapsed_dis{
}

Made it use the default style class (that xp.css and royale.css provide), and the styleClass component property, together. This means that if you provide a styleClass, then it will set the DOM element's class attribute to both the default style class and the styleClass one, allowing fine grained overriding of styles. Still have to add support for the style attribute.

Subversion 13733
icefaces\component\src\com\icesoft\faces\component\accordion\PanelAccordionRenderer.java
icefaces\component\src\com\icesoft\faces\component\CSS_DEFAULT.java

Added the style attribute.

Subversion 13742
icefaces\component\src\com\icesoft\faces\component\accordion\PanelAccordion.java
icefaces\component\src\com\icesoft\faces\component\accordion\PanelAccordionRenderer.java

Tweaks to the component-showcase, and to xp.css
Subversion 13769

Added style attribute to component-metadata
Subversion 13770
icefaces\component-metadata\src\main\resources\conf\ice_cust_properties\cust-accordion-props.xml

Tested, and the documentation shows up in the component-showcase, as expected.

Subversion 14289
icefaces\component\doc\panelCollapsibleDoc.html [added]
icefaces\component\doc\accordionPanelDoc.html [deleted]

Made the component docs index page refer to the new panelCollapsible page.

Subversion 14375
icefaces\component\doc\Frame_TOC.htm