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 card from the Styles tab:

Style

Description

height

Defines the height of the card. 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

width

Defines the width of the card. 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

--card-background-color

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

--card-background-image

This option allows you to set a background image for the card. You can enter a link to the image from your local machine or a hyperlink.

--card-background-position

This option allows you to set the position of the background image.

--card-background-repeat

This option allows you to set whether the background image should repeat itself in the available card space. Possible values:

  • repeat, which repeats the image horizontally and vertically
  • repeat-x, which repeats the image horizontally
  • repeat-y, which repeats the image vertically
  • space, which repeats the image horizontally and vertically without cropping it. If full multiple images cannot fit into the available space, white space is distributed evenly between the images
  • round, which repeats the image horizontally and vertically without cropping it. If full multiple images cannot fit into the available space, the image is stretched to fit the space
  • no-repeat, which does not repeat the image

You can use two-value syntax, where the first value represents the horizontal repetition, and the second value represents the vertical repetition. The following is an example for an image which will be repeated horizontally and not repeated vertically:repeat no-repeat

--card-border-radius

This option allows you to define how much the corners of the card 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

--card-label-font-color

This option allows you to select the color of the card label's text. Click on the ellipsis (...) button to access a color picker to select the color.

--card-label-font-size

This option allows you to specify the size of the card label text. 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

--card-label-font-weight

This option allows you to specify whether the card label's text is normal or bold.

Note:

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