> For the complete documentation index, see [llms.txt](https://academy.any2info.com/any2info-academy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/supporting-footer-tools/styling.md).

# 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

| Setting    | Description                                                                      |
| ---------- | -------------------------------------------------------------------------------- |
| 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

| Issue                       | Cause                                                         | Solution                                                         |
| --------------------------- | ------------------------------------------------------------- | ---------------------------------------------------------------- |
| 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

| Version | Date         | Change                               |
| ------- | ------------ | ------------------------------------ |
| 1.0     | May 21, 2026 | Initial documentation version added. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/forms/supporting-footer-tools/styling.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.