Direct decorations
Usually, it's faster and easier to decorate elements, connections, and loops according to the data in their fields—for example, creating a decoration rule that selects all elements with the element type "Organization", and color-codes them based on their tags.
But, if you haven't added field data, or you just want to tweak the style of one single item on the map, direct decorations is the perfect tool.
To use them, simply hover over an element, connection, or loop, and the direct decorations toolbar will appear:

direct decorations toolbar
If you'd rather have the toolbar appear when you click on an item instead of hover, add the following in the Advanced Editor:
@controls {
toolbar: click;
}
If the toolbar is a distraction and you prefer to use rule-based decorations, you can disable the toolbar altogether:
@controls {
toolbar: false;
}
The table below lists all of the icons you'll find in the direct decorations toolbar for elements, connections, and loops, and what action each icon exposes to you.
Icon | Action | Elements | Connections | Loops |
---|---|---|---|---|
| Edit label and type | |||
| Edit font color, font size, font style, and font alignment | |||
| Edit color | |||
| Edit size and/or shape | |||
| Add an image | |||
| Delete item | |||
| More options | |||
| Add a border | |||
|