Visualizers¶
The Visualizers family is one of the available components’ families you can use to populate a Mask.
It contains graphical elements used to visualize data. Visualizers enrich the interface without being associated to any interactive option; they display data-related information without allowing them to be edited. The Visualizers family contains the Base group.
The Base group contains the following components:
Label
Table
Plot
The layout of Base visualizers can be customized in the components layout menu, which can be accessed by right-clicking onto the component and clicking Open component layout, or when first dragging the component onto the stage.
Browse through the tabs below to know more about the customization options for each component.
Option |
Description |
|---|---|
Label |
The label of this component. |
Label width |
The width (in pixels) of the component’s label. |
Font family |
Users can select from the drop-down list the font type of the label. |
Font size |
The size of the component’s label. |
Order |
The position of the organizer in the mask. It is a 0-based dictionary, and its default value is 0 for all components, meaning that the order of the components will follow the dragging order. If this value is specified, controllers will be sorted in ascending order according to the Order value. |
Css |
Additional CSS code used to customize the label. |
Change as formula |
If selected, it allows users to work parametrically on the label. To know more about working parametrically, go to the corresponding page. |
Option |
Description |
|---|---|
Direction |
The direction of the attributes in the table. The possible values are: Column (default), or Row. |
Vertical alignment |
Choose from the drop-down list the vertical alignment of attributes. The possible values are: Flex start, Flex end, Center, Space between, Space around, Space evenly. |
Items alignment |
Choose from the drop-down list the items alignment. The possible values are: Flex start, Flex end, Center, Baseline, Stretch. |
Wrap |
Choose the wrap type, if required. The possible values are: Wrap, No wrap, Wrap reverse. |
Css |
Additional CSS code used to customize the table. |
Add paper |
If selected, the table will graphically appear as if it is on a separate layer. |
The Plot has a different structure compared to the other mask components, particularly those belonging to the Visualizers family.
When dragged onto the stage, a window with two sections opens, but there is no layout menu. The Plot window is composed by the Attributes list on the left, and the Plot widget structure on the right.
The Plot layout options can be opened by clicking on the wrench button. They offer the same layout options as those found in Plots in Rulex Studio and in the Plots tab in Rulex Factory.
More information on the plot layout menu can be found in the corresponding page.