IViewTrayColor

Use

Displays the color value for the iView's Family attribute.

The color values are generally defined in the portal core iView on which all iViews are based ( Start of the navigation path Portal Content Next navigation step Content Supplied by SAP Core Objects Core iView End of the navigation path , or by object ID portal_content com.sap.pct default_objects com.sap.portal.default_iView ).

This core iView defines the Family attribute ( com.sap.portal.iView.family ).

For the Family attribute, the following meta-attributes are defined:

validvalues: A list of values for this attribute ( Group_0 , Group_1 , and so on).
validvalueTitle<n>: The display title for each valid value. Defined for each valid value in the validvalues meta-attribute ( validvalueTitle0, validvalueTitle1, and so on). The meta-attribute is of the text type, so it can be localized.
Color<n>: The color for each valid value. Defined for each valid value in the validvalues meta-attribute ( Color0, Color1, and so on).

To set the display name or the color of each iView family name, set the validvalueTitle or Color meta-attribute for each family name.

Setting Color for iView Family

For example, to create a group of iViews and to display these iViews with a red iView tray, set the following meta-attributes for the Family attribute of the core iView:

validvalues: Group_4 , for the Human Resources iViews.

Specify the length of the valid value (8) in the following format: 8/Group_4 .
validvalueTitle4: Human Resources
Color4: #FF0000

Coordinating Tags

The tag must be nested in the following tag:

containerWithTrayDesign

Example

Sample Code

               <lyt:containerWithTrayDesign id="column1">
    <div style="background-color:<lyt:IViewTrayColor/>">
        <lyt:IViewToggleOpen>
            <lyt:IViewFamily/> - <lyt:IViewTitle/>
        </lyt:IViewToggleOpen>
        <lyt:IViewToggleClose>
            <lyt:IViewFamily/>
        </lyt:IViewToggleClose>
        <lyt:IViewExpand>
            <img src="<%=expand%>">
        </lyt:IViewExpand>
    </div>
    <lyt:IViewContent/>
</lyt:containerWithTrayDesign>

More Information

IViewFamily