Styling
Category: Footer
Version: 1.0
Last updated: May 21, 2026
Author: Any2Info
Description
The Styling Footer is a visual configuration section available within the dashboard and forms designer. It provides centralized styling options for controls and fields, allowing users to configure the appearance and behavior of interface elements directly within the designer.
The availability of styling options depends on the selected control or field type. Different controls support different styling capabilities, meaning the available configuration settings may vary between components. For more detailed information about styling support for a specific control or field, refer to the corresponding control documentation.
The Styling Footer is designed to provide quick access to commonly used visual settings such as layout, spacing, typography, colors, borders, alignment, and sizing options.
Configuration Options
Colors
Configure foreground, background, border, and accent colors where supported.
Typography
Adjust font size, font weight, text alignment, and text styling options.
Spacing
Configure margins, padding, and internal spacing of controls or fields.
Borders
Define border width, radius, style, and visibility.
Sizing
Control width, height, responsive sizing, and scaling behavior.
Alignment
Configure horizontal and vertical alignment settings.
Visibility
Configure conditional visibility or display-related properties where applicable.
Usage
Use the Styling Footer to visually customize controls and fields within forms and dashboards without requiring manual CSS or external styling configurations.
Typical use cases include:
Customizing dashboard layouts
Applying branding and corporate styling
Improving usability and readability
Creating responsive interface designs
Standardizing the appearance of forms and controls
Behavior
The styling interface dynamically adapts based on the selected control or field. Unsupported styling options are automatically hidden to prevent invalid configurations.
Changes made through the Styling Footer are applied immediately within the designer preview, allowing users to visually verify modifications before publishing.
Some styling options may inherit values from themes, templates, or parent containers depending on the dashboard or form configuration.
Tips & Best Practices
Use consistent spacing and typography settings across controls to maintain visual consistency.
Avoid excessive custom styling when using shared templates or themes.
Test responsive layouts on different screen sizes when configuring sizing options.
Use theme-based colors whenever possible to simplify future branding updates.
Errors & Troubleshooting
Styling option unavailable
The selected control does not support the styling property
Select a compatible control or consult the control documentation
Styling changes not visible
The property may be overridden by a theme or parent container
Verify inherited styling settings
Layout appears broken
Conflicting sizing or spacing settings
Reset styling values or review responsive configuration
Related Documentation
Control Documentation
Field Documentation
Dashboard Designer
Forms Designer
Theme Configuration
Changelog
1.0
May 21, 2026
Initial documentation version added.
Last updated
Was this helpful?