Formatting Columns With CSS

CSS allows HTML to be formatted, sized and aligned in many ways. WOW supplies several pre-created CSS formatter classes. The WOW developer can create their own CSS or the following WOW supplied classes can be used:

For text alignment:

Align Left (align-left)

Align Center (align-center)

Align Right (align-right)

These are found in the Field Descriptor Manager, under “Display Settings”

By navigating over to “Style Class” and clicking on the arrow to get the drop down box, users can create a unique CSS style class and specify the class name here. This would be used if customization is required or if it is not desirable to use the pre-created classes supplied.

Below is a screen shot showing columns Aligned to the Left (align-left)

And a screen shot showing columns Centered (align-center)

In the same drop down menu, it is also an option to select a variety of background colors such as:

Aqua Background (pjo-aqua)

Blue Background (pjo-blue)

Crimson Background (pjo-crimson)

Dark grey Background (pjo-dgrey)

FireBrick Background (pjo-firebrick)

Green Background (pro-green)

Light Grey Background (pjo-lgrey)

Light Green Background (pjo-lgreen)

Light Red Background (pjo-lred)

Light Yellow Background (pjo-lyellow)

Lime Background (pjo-lime)

Maroon Background (pjo-maroon)

Navy Blue Background (pjo-navy)

Olive Background (pjo-olive)

Orange Background (pjo-orange)

Red Background (pjo-red)

Yellow Background (pjo-yellow)

In the screenshot below, Yellow (pjo-yellow) background was selected for the first column only.

And in this screen shot a different background color was selected for each column.

Yellow (pjo-yellow), Orange (pjo-orange), Aqua (pjo-aqua) and Lime (pjo-lime).

Also available within the Display Settings, users can set the Display Height in pixels (changes with HTML settings) as well as the Display Width in pixels (changes with HTML settings).