Control API for Group (group)

A framed panel to visually group controls. See also 'tray'.

  • design
    The design of the group that refers to CSS. You can select

    • PRIMARYCOLOR
      The panel of the group is filled with the same background as the title bar (primary color).
    • SAPCOLOR
      The title bar and the frame around the panel is in SAP blue and the panel has a white background.
    • SECONDARYBOX
      No frame around the panel. Title bar with background color (primary color), panel has a white background.
    • SECONDARYBOXCOLOR
      The panel is filled with a background color that is different from the title background color (primary color). No frame around the panel.
    • SECONDARYCOLOR
      The panel is filled with a background color that is same as the title background color (secondary color).
  • id
    Identification name of the group.
  • title
    Defines the string of text placed left aligned in the title bar. If no title should be displayed an empty string (null) can be used. The width of the group is automatically adjusted to the length of the text when the 'width' attribute is set smaller than the title text width.
  • tooltip
    Defines the hint of the group which is displayed as the mouse cursor passes over the group, or as the mouse button is pressed but not released.
  • width
    Defines the width of the group. The width of the group is automatically adjusted to the length of the 'title'. To see an effect of the 'width' attribute 'width' has to be set higher as the width defined through the length of the 'title' string. If an empty (null) 'title' string is set no 'title' attribute is defined the width of the group is set according to the 'width' attribute.
attribute req. values default case sens. JSP taglib classlib
design yes PRIMARYCOLOR
SAPCOLOR
SECONDARYBOX
SECONDARYBOXCOLOR
SECONDARYCOLOR 		none yes design="SAPCOLOR" setDesign(GroupDesign.SAPCOLOR)
id yes String none yes id="Intro_Text"  
title no String none no title="Headlines" setTitle("Headlines")
tooltip no String none no tooltip="latest news" setTooltip("latest news")
width no Unit 50% - width="300" setWidth("300")

 

groupBody

Defines the items in the group. A group can be filled with any control (checkbox, image, textView etc.).

 

Example
<hbj:group
           id="HeadlineNewsGroup"
           design="PRIMARYCOLOR"
           title="latest headlines"
           tooltip="all the news you need"
           width="50%"
           >

           <hbj:groupBody>
               <hbj:textView
                    encode="false"
                    text="The NASDAQ on an upswing<br>Good news for homeowners"
               />
           </hbj:groupBody>

</hbj:group>

Result