ExpandBar Component

Description

The expandBar Component is a container that can be collapsed to show only a title bar. Expand Bars can be managed by group : only one element of the group is expanded.

The expandBar Component has the following capabilities :

  • IExpandEventCapability
  • IAsyncRenderModeCapability
  • IFontCapability
  • IDisabledCapability
  • IReadOnlyCapability
  • ITextCapability
  • ITextDirectionCapability
  • ITextAlignmentCapability
  • ICollapsableCapability
  • IBorderCapability
  • IAccessKeyCapability
  • ITabIndexCapability
  • IRadioGroupCapability
  • IFocusBlurEventCapability
  • ISelectionEventCapability
  • ILoadEventCapability
  • IVariableScopeCapability
  • IOverStyleClassCapability
  • IAsyncRenderComponent


The default expandBar renderer is link to the f_expandBar javascript class. f_expandBar extends f_component, fa_disabled, fa_readOnly, fa_collapsed, fa_groupName, fa_overStyleClass


Table of component style classes:

Style Name Description
f_expandBar Defines styles for the wrapper UL element
f_expandBar_head Defines styles for the LI element for the title.
f_expandBar_body Defines styles for the element for the body.

Screen Shot

Syntax

<v:expandBar 
        id="creationProposal" 
        text="#{messages.login_createAccount}" 
        groupName="pap" 
        collapseEffect="slideUp" 
        collapsed="true" >
	<table>
	...
</v:expandBar>

      

Instructions