# Styling & grouping

<figure><img src="/files/lsw8TnCDnc8zqYalNj9p" alt=""><figcaption></figcaption></figure>

Annotations in Felt can be visually customized to match your design needs and highlight important information. Annotations can be styled individually or in groups.

## Annotation styling

### Styling options

* Select a single annotation, multiple annotations or a group of annotations you want to style
* Use the style controls in the right panel to adjust appearance

<figure><img src="/files/n4eH5R8nBbpnbfl4RmeF" alt="" width="563"><figcaption></figcaption></figure>

| Styling option | Description                                                                                    | Annotation types                                                       |
| -------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- |
| Opacity        | Adjust the transparency. For polygons, adjust the opacity of the Fill and Stroke individually. | Routes, Lines, Polygons, Markers, Highlighters and Images              |
| Width          | Set the stroke width in pixels                                                                 | Routes, Lines and Polygons                                             |
| Stroke style   | Choose between a Solid, Dashed or Dotted stroke                                                | Routes, Lines and Polygons                                             |
| Endcaps        | Add Start and End endcaps                                                                      | Routes                                                                 |
| Routing        | Switch routing mode between Driving, Cycling, Walking and Flying                               | Routes                                                                 |
| Align          | Choose between Left, Center or Right-alignment                                                 | Text and notes                                                         |
| Style          | Select a Italic, Light, Regular or CAPS text style                                             | Text and notes                                                         |
| Distance       | Toggle the distance measurement                                                                | Routes and Lines                                                       |
| Radius         | Toggle the radius measurement                                                                  | Circles                                                                |
| Area           | Toggle the area measurement                                                                    | Polygons                                                               |
| Show name      | Toggle the label                                                                               | Pins                                                                   |
| Attributes     | Add name-value pairs of details, as seen [Creating data](broken://pages/7xttaon9ptIhof1yP9HD)  | Pins, Routes, Lines, Polygons, Markers, Highlighters, Images and Links |

### Selecting annotations

* You can select annotations by clicking on them. To select multiple annotations at the same time, hold the **`Shift`** key and click while dragging.
* Use the right-click menu to select annotations of same type, color or icon. Very useful for batch-editing!

<figure><img src="/files/LXbGo2TEvV8fQiFGkXtD" alt=""><figcaption></figcaption></figure>

### Resizing and rotating

Annotations can be resized and rotated. Most annotations can only be resized by pulling from the corner, but you can change the aspect ratio for notes and images by pulling from the side as well.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2F8jsLyvWqqw8tosLpPgZa%2Frotate_resize_note.mp4?alt=media&token=c73df19c-c5cf-444d-84a3-45c151eb5266>" %}

### Locking annotations

Once you’re done creating and fine-tuning your objects, you can lock them to make sure they aren’t inadvertently moved or modified. Locking will prevent making any changes to an object’s style or properties until it’s unlocked.

* Select the annotations you want to lock
* From the three dot menu choose the option to **`Lock`**
* To unlock choose the option to **`Unlock`**

<figure><img src="/files/de3QZHvLPcArp6fwnAc2" alt="" width="563"><figcaption></figcaption></figure>

### Arrange options

To arrange the drawing order between annotations

* Select the annotation you want to rearrange
* Right click and hover **Arrange** to choose the appropriate ordering

<figure><img src="/files/Wr0RPYZQ5axYVk3WqUst" alt="" width="375"><figcaption></figcaption></figure>

## Annotation groups

Annotations are great for adding context to the map, but having too many of them can quickly get hard to manage. Grouping annotations is a useful way to categorize and organize annotations and allow for visibility control in the legend.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2F2ByzG0J7Mtu6vxmghXYa%2FFull_Grouping_Story.mp4?alt=media&token=755bd56e-9630-4a80-8f42-5ec3d88d52ba>" %}

### Creating Groups

To assign annotations to a new or existing group:

* Select the ones you want to group and then click on the **`Group`** button.

<figure><img src="/files/f97CHvYoXtDWZ6RyuFO9" alt="" width="563"><figcaption></figcaption></figure>

This also works for multiple annotations selected together, either using **`Shift+Click+Drag`**, the **`Cmd+K`** menu or right-clicking on an annotations, then picking from the **`Select similar...`** options.

### Editing groups & toggling visibility

Groups are visible in the [Sidebar List](/layers/list.md). Simply click the eyeball icon to hide or show a group.

By clicking on a group in the **Sidebar List**, one can select all the contents, change icons for pin annotations inside that group or even update details for many annotations at once.

<figure><img src="/files/9RRc03sC5aKVTOhHlPeD" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://help.felt.com/annotations/styling-and-grouping.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
