More Info about Group
Browser Compatibility | Editability in Style Editor | Accessibility – 508 Support
Browser Compatibility
Netscape 4.7 doesn't render the padding correctly. Title and body text
begin immediately at the left edge of a group.
Exception: Body text padding in the group box with header is correct.
Figure 1: Examples of how groups look in some Netscape versions.
Editability in Style Editor
In the Style Editor, it is possible to modify the following attributes of the group control:
|
Group
|
Style
|
IE 5 and above
|
Netscape 4.7
|
|---|---|---|---|
| Fonts | Font Weight of Title |
x
|
x
|
| Background Colors | First Background Color |
x
|
x
|
| Second Background Color |
x
|
x
|
|
| Third Background Color |
x
|
x
|
|
| Borders | Border Width, Style and Color |
x
|
x
|
| Layout | Title Padding for Groups with Header Strip |
x
|
|
| Body Padding |
x
|
||
| Title Padding for Groups without Header Strip |
x
|
||
| Padding of Body Content |
x
|
||
| Background | Height of Container Title |
x
|
|
| Background Color of Container Title |
x
|
x
|
|
| Background Color of Container Body |
x
|
x
|
Table 1: Editable styles for the group control
For common styles see section HTMLB Controls and Style Editor in Customer Branding and Style Editor.
Accessibility – 508 Support
- Keyboard: The group is not
inserted into the accessibility hierarchy by default.
Elements inside a group have to be handled separately, depending on the respective controls included in the group. - Default Description: Is provided by the HTMLB rendering engine.
- Application-specific Description: Set an additional description
using the setTooltip method if needed.
Elements inside a group have to be handled separately, depending on the controls used.
Users with low vision can use the portal personalization link to select
the portal's high contrast design, which was developed to offer
maximum contrast. It renders the screen without using many colors or shades,
which leaves us with little more than black and white. Though the results
may look highly unaesthetic to people with normal vision, sharp contrast
is what users with low vision need, in order to be able to read text at
all.
As a developer, you needn't do anything to enable the high contrast scheme,
but you should have a feeling for what happens to your application when
it is viewed in high contrast.
This is how groups look in high contrast. (Figre 2, left side). On the right hand side you can see some possible variations of group designs, which can be achieved using the Style Editor.
Figure 2: Examples of groups in high contrast (left) and possible Style Editor variations (right).