Styles Tab - WorkView - Foundation 24.1 - Foundation 24.1 - Ready - OnBase - Premier - external - Premier

WorkView

Platform
OnBase
Product
WorkView
Release
Foundation 24.1
License
Premier

The following styles can be configured for the container from the Styles tab:

Style

Description

background-color

--section-container-background-color

This option allows you to select the background color of the container. Click on the ellipsis (...) button to access a color picker to select the color.

border-color

--section-container-border-color

In the Style Value column, you can click the ellipsis button and select a color for the border around the container.

border-width

--section-container-border-width

Enter the value for the width of the border line around the container.

The value entered can be one of the following units of measure:

  • keywords: thin, medium, thick
  • px - Pixels (This is the default unit and is used if no unit is specified.)

  • % - Percentage

  • in – Inches

  • cm – Centimeters

  • mm – Millimeters

  • em – An em unit is the current font size. If the font size is set to 16 pt and the element is set to 2em, the element will be 32 pt.

  • ex – An ex unit is equal to the x-height of the font.

  • pt – Points

  • pc – Picas

The values can be set for all four borders separately, in the following order: top border, right border, bottom border, left border. The following is an example:thin medium thick 10px

height

Defines the height of the container. The value entered can be one of the following units of measure:

  • px - Pixels (This is the default unit and is used if no unit is specified.)

  • % - Percentage

    Note:

    Relative height set on controls within a control that does not have a height set is not supported.

  • in – Inches

  • cm – Centimeters

  • mm – Millimeters

  • em – An em unit is the current font size. If the font size is set to 16 pt and the element is set to 2em, the element will be 32 pt.

  • ex – An ex unit is equal to the x-height of the font.

  • pt – Points

  • pc – Picas

width

Defines the width of the container. The value entered can be one of the following units of measure:

  • px - Pixels (This is the default unit and is used if no unit is specified.)

  • % - Percentage

  • in – Inches

  • cm – Centimeters

  • mm – Millimeters

  • em – An em unit is the current font size. If the font size is set to 16 pt and the element is set to 2em, the element will be 32 pt.

  • ex – An ex unit is equal to the x-height of the font.

  • pt – Points

  • pc – Picas

text-align

This option allows you to define how text inserted into the container will be aligned, as well as how the view will be aligned when the view does not take up 100% of a window. This setting does not control text within other container controls.

Alignment options available from the drop-down list are none, left, center, right, and justify.

--section-container-border-radius

This option allows you to define how much the corners of the container section are rounded.

The value can be defined with:

  • One value: applies to all four corners
  • Two values: top-left and bottom-right corners, and top-right and bottom-left corners
  • Three values: top-left corner, top-right and bottom-left corner, bottom-right corner
  • Four values: top-left corner, top-right corner, bottom-right corner, bottom-left corner

The value entered can be one of the following units of measure:

  • px - Pixels (This is the default unit and is used if no unit is specified.)

  • % - Percentage

  • in – Inches

  • cm – Centimeters

  • mm – Millimeters

  • em – An em unit is the current font size. If the font size is set to 16 pt and the element is set to 2em, the element will be 32 pt.

  • ex – An ex unit is equal to the x-height of the font.

  • pt – Points

  • pc – Picas

border-style

--section-container-border-style

In the Style Value column, you can select the line style for the border around the container. You can select none, dotted, solid, dashed, double, or inset.

Note:

When properties can be configured on both the General and Styles tabs, the property changes will be properly displayed on both tabs.