Styling
You can customize and fine-tune the style of any control.
Using Properties
Controls provide several properties that let you customize their appearance. The available properties will depend on the control (e.g. Image does not have a Font property).
Note: For these properties to work in mobile controls, set their Enhancement property to either enStructure or enNone.
- BorderRadius
- Define the radius of each corner of the control, as well as the border width, color and style.
- BoxShadow
- Define the control’s shadow: blur radius, color, position, and style.
- Color
- Define the background color. You might want to use Gradient instead.
- Font
- Define the details for the control’s font: alignment, case, color, family, line height, size, style, variant and weight.
- Gradient
- Define the background color as a gradient. Both linear and radial gradients are supported.
- TextShadow
- Define the shadow for the text in the control: blur radius, color, position, and style.
- Transform
- Perform transformations on the control: rotation, scalation, skewing and translation.
Using CSS
If you need more flexibility or advanced features, you can use CSS code to customize the look of your controls. See CSS Stylesheet for information on how to include CSS files in your pages.