Skip to main content
Style adjustments are inevitable during system development. YiDA offers flexible custom style capabilities for pages.

​
How to Use

Custom pages support the following two ways to configure styles:

​
Basic Style Settings

YiDA provides a general style configuration panel for setting basic styles visually, including layout, text, background, shadow, and border. When you change the settings in the style panel, the results appear in the visual editing area in real time. The following example shows a simple configuration that changes the display effect of a text component:

​
Manual Coding Mode

Some styles, such as Hover and Active states or pseudo-classes like before and first-child, cannot be configured directly through the style panel. YiDA provides a manual coding mode for modifying component styles, as shown below: