Virtual Style Business Object

The so-called 'Virtual Style Business Objects' are Virtual Screen Components referencing Style Business Objects. As they are not actual components, they cannot be dragged into a Screen, but they are used as building blocks to style 'standard' Screen Components consistently. Some examples are Error Boxes, Text Inputs, or Tooltips.

List of Virtual Style Business Objects

Following is full a list of virtual Style Business Objects:

The following sections outline basic information on the virtual Style Business Object features, as well as a list of the Style Business Objects in which they are used. Those virtual styles that are used by several Style Business Objects are fully described hereafter, while the others link to the corresponding Screen Component articles.
  1. Adaptive Tab Entry (virtual)
  2. Bubble (virtual)
  3. Checkbox Input (virtual)
  4. Error Box (virtual)
  5. Info Table Row (Virtual)
  6. List Entry (virtual)
  7. Modal Popup - Unsaved Changes (virtual)
  8. Popup (virtual)
  9. Progress Bar (virtual)
  10. Progress Popup (virtual)
  11. Radio Input (virtual)
  12. Selected Option (virtual)
  13. Text Input (virtual)
  14. Tooltip (virtual)
Consider that, whenever you make a change to a Virtual Style Business Object, this change is applied to all the items linked to it. This is specially important for virtual components used by several Style Business Objects.

Adaptive Tab Entry (virtual)

The Adaptive Tab Entry (virtual) Style Business Object allows styling Tab Entries, the actual elements the user clicks on to switch between tabs.

For complete information, see Adaptive Tab Screen Component

This virtual style is used in: Adaptive Tab Style Business Object.

Bubble (virtual)

The Bubble (virtual) Style Business Object allows styling the user and responder's bubbles in a chat. The Bubble (virtual) Style Business Object has the following properties:

  • Call-out Background Color: Refers to a Color Style Value Business Object to set the background color for the callout.
  • Call-out Inner Spacing: Sets the space between the callout border and the text.
  • Outer Spacing: Sets the space between the callout border and the component border.
  • Call-out Text: Refers to a Text Style Business Object to set the style of the text typed by the user or the responder.
  • Image: Refers to an Image Style Business Object to set the style of the user or responder's image.
This virtual style is used in: Chat Channel, and Chat.

Checkbox Input (virtual)

The Checkbox Input (virtual) Style Business Object allows styling the actual checkbox you click on when selecting your option/s.

For complete information, see Checkbox and Checkbox List Screen Components

This virtual style is used in: Checkbox, and Checkbox List Style Business Objects.

Error Box (virtual)

The Error Box (virtual) Style Business Object defines the style of the error message when a Screen Component is in Error state.

The Error Box (virtual) has the following styling properties:

  • Alignment: Sets the error message alignment within the error box.
  • Background: Sets the background color for the error box.
  • Border: Sets the color, thickness and type of line (dotted, dashed, and so on) for the error box. It also sets border roundings.
  • Inner Spacing: Defines the space between the error message and the border of the error box.
  • Outer Spacing: Defines the space between the element outside the component itself and the border.
  • Text: Refers to a Text Style Business Object to set the style of the error message text.
This virtual style is used in: Adaptive Flow Layout Group, Checkbox, Checkbox List, Date Picker, Dropdown List, Multiple Selection Field, Password Field, Radiobutton, Radiobutton List, Search Field, Text Area, and Text Field Style Business Objects.

Info Table Row (virtual)

The Info Table Row (virtual) Style Business Object allows styling all types of Info Table Rows (header rows, footer rows, highlighted rows).

This virtual style is used in: Info Table Style Business Object.

List Entry (virtual)

The List Entry Style Business Object is used to style the entries displayed in the option popup for the following Screen Components:

States This component has three different possible states:

  • Highlighted
  • Selected
  • Active

Styling Properties This component has the following styling properties:

  • Interactive Element: Defines the style of the icon (outer spacing and color).
  • Background: Defines the entire background of the List Entry.
  • Checkmark Icon: Styles the icon that is displayed next to the label when the component is in the Selected state.
  • List Label: Links to a Text Style Business Object to define the style of the label.
  • List Entry Separator: Styles the line that separates each list entry.
This virtual style is used in: Dropdown List, Multiple Selection Field Style Business Objects.

Modal Popup - Unsaved Changes (virtual)

The Modal Popup – Unsaved Changes (Virtual) Style Business Object defines the style of the warning popup that is displayed when a destructive action is performed on the File Chooser component, e.g. the Screen is refreshed while files are still being uploaded.This virtual style is used in: File Chooser Style Business Object.

Popup (virtual)

The Popup (virtual) Style Business Object is used to style Screen Components that display a popup element for option selection. This component has the same functionalities fulfilled by the Show As Popup Action.

Styling Properties

  • Background: Defines the background of the entire Popup component.
  • Border: Styles the border of the Popup component.
  • Inner Spacing: Defines the space between the element inside the Popup component and the border.
  • Outer Spacing: Defines the space between the element that triggers the Popup component and the Popup itself.
  • Shadow: Defines the shadow applied to the Popup component.
This virtual style is used in: Adaptive Tab, Date Picker, Dropdown List, Multiple Selection Field Style Business Objects.

Progress Bar (virtual)

The Progress Bar (virtual) Style Business Object defines the style of the file upload progress bar of the File Chooser Screen Component.

For complete information, see the Progress Bar (virtual) Style Business Object documentation for the File Chooser.

This virtual style is used in: File Chooser Screen Component.

Progress Popup (virtual)

The Progress Popup (virtual) Style Business Object defines the style of the popup that is displayed during the file uploading phase of the File Choose Screen Component.

This virtual style is used in: File Chooser Screen Component.

Radio Input (Virtual)

The Radio Input Style Business Object defines the style of the button/s in the Radiobutton and Radiobutton List Screen Components.

For complete information, see Radiobutton and Radiobutton List Screen Components

This virtual style is used in: Radiobutton and Radiobutton List Style Business Objects.

Selected Option (virtual)

The Selected Option (Virtual) Style Business Object is a virtual component used to customize the option/s displayed on the upper part of the component once they have been selected from the dropdown popup in the Multiple Selection Field Screen Component.

This virtual style is used in: Multiple Selection Field Style Business Object.

Text Input (virtual)

The Text Input (virtual) Style Business Object defines the style of the text that you need to enter in those components displaying a text field (e.g. the search words in a search field).

States This component has four different possible states:

  • Focused
  • Disabled
  • ReadOnly
  • Error

Styling Properties This component has the following styling properties:

  • Text: Defines the font, size, spacing and color of the text to be inserted in the text field.
  • Background: Defines the background of the text field.
  • Border: Defines the color, thickness and roundings of the text field border.
  • Inner Spacing: Defines the space between the text and the text field border.
  • Outer Spacing: Defines the space between the text field and the outside element.
This virtual style is used in: Date Picker, Dropdown List, Multiple Selection Field, Password field, Search Field, and Text Field Style Business Objects.

Tooltip (virtual)

The Tooltip (Virtual) Style Business Object defines the style of the tooltip providing information on the content of an Info Box Screen Component.

States This component has two different possible states:

  • Disabled
  • Error

Styling Properties This component has the following styling properties:

  • Background: Defines the background of the tooltip box.
  • Border: Defines the color, thickness and roundings of the tooltip box.
  • Shadow: Defines the shadow effect on the tooltip box.
  • Size: Defines either the fixed or minimum/maximum size of the tooltip box.
  • Inner Spacing: Defines the space between the text and the tooltip box border.
  • Outer Spacing: Defines the space between the tooltip box and the outside element.
  • Text: Defines the font, size, spacing and color of the tooltip text.
This virtual style is used in: Info Box Style Business Object.