Properties of Widget Types in the Theme Editor


You can define the properties of widget types in two different places:

  • In a theme: properties applicable to all widgets of a given type in all related apps to this theme;
  • In an app: properties applicable only to a given type of widget in this app.

Notes

  • A widget contains a header and a footer that are both components of the object.
  • Priority is given to the font and color defined using the text editor as compared with theme properties defined.
  • Access to the properties:
    • In a theme:
      • Open the theme editor.
      • Click the type of widget you want in the Design pane;
        or
        Click Apps - Current theme icon.png in the Objects pane and select the Widgets tab. Open the category of the widget type and select the one you want.
    • In an app:

Menu widget

Content

Label

LabelContentMenu

Properties of each menu element label 

Property Description Representation
Position of the label as regards the icon: Label Position (Inherit) (1) Top: Top EVApps - Graphic Properties - Label Position.png
(2) Bottom: Bottom
(3) Left: Left
(4) Right: Right

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

Icon

IconContentMenu

Properties of the icon associated with each menu element

Property Description Representation
Icon Size (Inherit) Size of the icon in pixels Apps - widget Menu - Icon Size.png
Icon Color (Inherit) (1) Color of the icon EVApps - Graphic Properties - Icon Color.png
Icon Background Color (Inherit) (2) Background color of the menu element
EndContentMenu

Bar Chart and Line Chart widgets

Chart Label -/- Legend

ChartLabelLegendBarLineChart

Properties of the legends

Property Description Representation
Element to format: Element (1) Axis: Values of the axis EVApps - Graphic Properties - Chart Label Element Bar Line Chart.png
(2) Axis Legend: Legend of the axis
(2) Legend: Legend displayed at the top right of the chart

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

EndChartLabelLegendBarLineChart

Benchmark Chart widget

Chart Label -/- Legend

ChartLabelLegendBenchmarkChart

Properties of the legends

Property Description Representation
Element to format: Element (1) Axis: Values of the measures EVApps - Graphic Properties - Chart Label Element Benchmark Chart.png
(2) Legend: Legend of the axis

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

EndChartLabelLegendBenchmarkChart

Gauge widget

Chart Label -/- Legend

ChartLabelLegendGauge

Properties of the legends

Property Description Representation
Element to format: Element (1) Legend: Title of the chart EVApps - Graphic Properties - Chart Label Element Gauge.png
(2) Values: Values of the measures

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

EndChartLabelLegendGauge

Pie/Donut Chart widget

Chart Label -/- Legend

ChartLabelLegendPieDonutChart

Properties of the legends

Property Description Representation
Element to format: Element (1) Label: Legend of the segments EVApps - Graphic Properties - Chart Label Element Pie Donut Chart.png
(2) Legend: Legend displayed at the top right of the chart

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

EndChartLabelLegendPieDonutChart

KPI widget

Chart

ChartKpi

Properties of the indicator

Property Description Representation
Element to format: Element (1) Delta: Trend icon and percentage change EVApps - Graphic Properties - Chart Element Kpi.png
(2) KPI: Value of the indicator

PageGeneralFormat
For all types of widgets
Font Family (Inherit) (1) Font of the text, selected from the Select Font drop-down list EVApps - Graphic Properties - General Format.png
Size (2) Font size, selected from the Select Size drop-down list or specified directly in the field
Alignment (Inherit) (3) Alignment of the text (Left/Center/Right/Justified)
Style (Inherit) (4) Font style of the text Bold/Italic/Underline)
Background Color (Inherit) (5) Background color of the widget
Text Color (Inherit) (6) Color of the text displayed by the widget

Note: Priority is given to the font and color defined using the text editor

Line-Height (Inherit) Height of the row containing the object in pixels

EndChartKpi

Theme section

Graphic properties available for all types of widget

   Open url.png See the description of properties.

Tags:
Last modified by Unknown User on 2017/01/03 11:09
Created by Administrator XWiki on 2016/01/20 18:23

Shortcuts

Recent Updates

Haven't been here in a while? Here's what changed recently:

-   Product name - ev itsm.png
-   Product name - ev sas.png

Interesting Content

How to Automate Integration
Add a Shortcut to an App
History
Quick Dashboard
Full text search - Stop Words

Powered by XWiki ©, EasyVista 2018