Fore Color specifies the font color for window elements, containers, and widgets.
|
|
Fore Color specifies the font color for window elements, containers, and widgets. |
|
|
Fore color can be changed both in Lycia Form Designer and in Lycia Theme Designer. However, we recommend changing fore color via user themes created in Lycia Theme Designer.
|
in Lycia Form Designer |
|
|
in Lycia Theme Designer |
|
Form XML code:
<element_name.foreColor>
<...>
</element_name.foreColor>
By default, font color is not specified and, thus, the foreColor property is absent from the form XML code. The property value will appear in the form XML code only once the property value is set.
Theme property filter XML code:
<DoStyleAction>
<SetProperty>
<PropertyPath>
<PropertyName>ForeColor</PropertyName>
</PropertyPath>
<PropertyValue type="<..>" RedColor="<..>" GreenColor="<..>" BlueColor="<..>" Alpha="<..>" />
</SetProperty>
</DoStyleAction>
Default value: not specified
Associated containers, widgets and theme elements:
Associated ui methods:
SetAlpha
GetAlpha
SetBlueColor
GetBlueColor
SetGreenColor
GetGreenColor
SetRedColor
GetRedColor
SetSystemColorName
GetSystemColorName
Influence and behavior:
In Lycia Theme Designer, there are three ways to change font color: New Custom Color, Default Color, New System Color.
With New Custom Color, you can choose among the available custom colors or add your own custom color:
|
Choosing a custom color among the available standard ones |
Adding a new custom color |
|
|
Yon can add a new custom color by entering its RGB or hex values as well as by moving your cursor directly over the palette in the Advanced colors page |
|
|
|
With Default Color, you choose the default color (i.e. the color set in the system theme) to be used for the text:
With New System Color, you choose the system color (i.e. one of the colors set for the application server) to be used for the text:
|
|
|
In Lycia Form Designer, there are three ways to change font color: System Colors, Named Colors, Custom Colors.
|
With System Colors, you choose the system color (i.e. one of the colors set for the application server) to be used for the text: |
With Named Colors, you choose a font color among the available ones: |
With Custom Colors, you choose a custom color by entering its RGB values: |
|
|
|
|
You can use css styles to change font color of the element:
.qx-aum-label .qx-text {
padding: 2px;
padding: 5px 10px;
color: white !important;
font: bold 14px "Calibri","Helvetica Neue", Sans-Serif;
}
Regardless of whether you used Lycia Form Designer, Lycia Theme Designer, or ui methods, you get this at runtime:
Related articles:
