By customizing your elements with the Styling Panel, you can create unique and compelling user interfaces in your web and mobile applications. This general guide explains how to customize various elements (for example, Collapse) and provides detailed information on common features.
The sections defined below vary on an element-specific basis. To learn more about each customization option, please click on the respective links.
This is where you can make visual adjustments to elements, such as sizing, alignment, and padding. These settings also affect the layout of other elements within the element. Properties include Size, Min Size and Align; however, some elements may not support the Display property.
The element's text properties can be edited here through font family, style, color, size, spacing and other options. This section supports all Text related adjustments.
You can use the Fill setting to customize the element's background with color or images. This increases the visual appeal of the element.
You can give your elements a more aesthetic look by adding borders and adjusting corner radii.
You can add a shadow effect to elements used in web applications to give a sense of depth. However, some elements are not suitable for mobile apps, so the shadow feature may not be supported.
