Overview
Apply styling properties at the form level or control style properties at the child level for a quicker and more uniform approach. Set form-wide label colors and fonts, or override these with section-specific styles to tailor your forms.
Form Styling
Access Style Properties
To style your form, access the style properties panel, indicated by a paintbrush icon. Select a specific field or section to reveal its associated style properties. This allows you to modify the visual appearance of the field you have selected.
Access Children Style Properties
Underneath the standard style properties icon, there is a children style properties option. This option allows the user to style all fields that fall under the selected group, section, or array.
Apply Parent Label Styles
Set Form-Wide Label Color
To apply a consistent color to all labels and fields, select the entire form by clicking an open area by the "version number". Then, navigate to children style properties and modify the 'Label Style' color. This ensures all labels within the form inherit the same styling efficiently.
In Mirata, "parent" refers to the structure of the form. While there isn't a specific "parent style properties" option, any style set at the form level acts as the highest-level style and will apply to all elements within the form.
The hierarchy is: Form → Grouping (section or array) → Field.
Styles can also be set at the grouping or field level, allowing for more targeted customization.
Apply Section-Specific Label Styles
Set Section Label Color
To apply a distinct color to labels within a specific section, select that section. Modify the 'Label Style' color within the section's child properties. This updates all labels in that section without affecting other parts of the form. This also eliminates the need to individually change the field labels within a section.
Override Section Styles
Remove Child Label Style
To revert a section's label style to its default or underlying style, remove the applied child property. Select the section, access its child properties, and delete the specific label style. This allows parent styles to take effect.
Individual style properties take precedence over child properties
If you have a child style property on the entire form or section and decide to change an individual field, the individual field property overrides the child property. If you delete the individual property at the field level it will revert to the style property that was put on the "parent".
Apply Section Title Styles
Section titles require direct styling, as they are not child properties of the sections.To style section titles uniformly, select each section and apply style properties directly OR utilize the forms children properties and change the label styles at the form level.