> For the complete documentation index, see [llms.txt](https://docs.sonoransoftware.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sonoransoftware.com/studio/sonoran-studio/customize-overlays/widgets.md).

# Widgets

![Sonoran Studio widget controls, canvas, and styling editor](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNDrCcXxwsnYIi72Ym9Z%2Fuploads%2Fo32NGSHNkvUrcyZlTKve%2Fwidgets-editor-clean.png?alt=media\&token=a58aab05-4bc4-4379-84fa-17aa2f6ab992)

## Available widgets

| Widget                | Source        | Behavior                                            |
| --------------------- | ------------- | --------------------------------------------------- |
| Radio transmission    | Sonoran Radio | Temporary popup for the active speaker and waveform |
| Unit HUD              | Sonoran CAD   | Persistent unit, department, status, and location   |
| Attached call         | Sonoran CAD   | Persistent details for the unit's attached call     |
| Panic takeover        | Sonoran CAD   | Temporary high-priority emergency animation         |
| Dispatch notification | Sonoran CAD   | Temporary important call or priority update         |

## Enable and test

Use the toggle beside a widget to include or remove it. **TEST** is available for temporary widgets so you can see their layout and animation without live traffic.

## Position and resize

Drag a widget on the canvas to move it. Drag its red corner to resize. For exact placement, select the widget and edit its **X**, **Y**, **W**, and **H** values. Use **Reset positions** to return the active widget to its default geometry.

## Style the active widget

The widget editor includes:

* Accent, background, and text colors
* Independent opacity controls
* Solid, fade-right, fade-left, soft-sides, and center-glow backgrounds
* Left, center, right, and stretch alignment
* Enter and exit animations
* Visible duration for temporary popups
* Reduced motion
* Text size

## Content and labels

Edit supported labels directly in the widget preview. Reorder content rows below the preview and hide rows you do not want on stream.

{% hint style="info" %}
Temporary widgets only occupy the canvas while matching live data is present or a test is running.
{% endhint %}


---

# 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://docs.sonoransoftware.com/studio/sonoran-studio/customize-overlays/widgets.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.