Show TOC

Background documentationIViewTrayColor Locate this document in the navigation structure

 

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 (  Portal Content   Content Supplied by SAP   Core Objects   Core iView  , 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

Example Example

  1. <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>
End of the code.

More Information

IViewFamily