Fill Color specifies the color of the element's background.
|
|
Fill Color specifies the color of the element's background. |
|
|
Background color can be changed both in Lycia Form Designer and in Lycia Theme Designer. However, we recommend applying background properties via user themes created in Lycia Theme Designer.
|
in Lycia Form Designer |
|
|
in Lycia Theme Designer |
|
Form XML code:
<element_name.background>
<Background>
<Background.fillColor>
<..>
</Background.fillColor>
</Background>
</element_name.background>
By default, element backgrounds have no color and, thus, the fillColor 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>Background</PropertyName>
<PropertyName>FillColor</PropertyName>
</PropertyPath>
<PropertyValue type="<..>" RedColor="<..>" GreenColor="<..>" BlueColor="<..>" Alpha="<..>" />
</SetProperty>
</DoStyleAction>
Default value: not specified
Associated containers, widgets and theme elements:
Associated ui methods:
SetFillColor
GetFillColor
Influence and behavior:
In Lycia Theme Designer, there are three ways to add background colors: 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 parameters 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 as the background one:
With New System Color, you choose the system color (i.e. one of the colors set for the application server) to be used as the background one:
|
|
|
In Lycia Form Designer, there are three ways to add background colors: 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 as the background one: |
With Named Colors, you choose a background color among the available palette: |
With Custom Colors, you choose a custom color by entering its RGB parameters: |
|
|
|
|
Regardless of whether you used Lycia Form Designer, Lycia Theme Designer, or ui methods, you get this at runtime
You can use css styles to change background color of the element:
.qx-aum-button {
background-color: #c77405;
}
Related articles:
