# Menus and button labels using markup

**URL:** <https://resource.dopus.com/t/menus-and-button-labels-using-markup/47216>\
**Category:** Tutorials\
**Created:** [November 29, 2023, 12:43am UTC](https://resource.dopus.com/t/menus-and-button-labels-using-markup/47216 "2023-11-29T00:43:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jon](https://resource.dopus.com/user_avatar/resource.dopus.com/jon/32/12713_2.png) [@Jon](https://resource.dopus.com/u/Jon)\
**Post date:** [November 29, 2023, 12:43am UTC](https://resource.dopus.com/t/menus-and-button-labels-using-markup/47216/1 "2023-11-29T00:43:53Z")

</div>

Now that Opus supports (some) markup in button labels, something like this can be achieved without needing external images:

![star_rating_menu_dark](https://resource.dopus.com/uploads/default/original/3X/9/b/9b10720a664b85154715d4b3dc212e1aed46a08f.png)

This uses the code `<%stars:1/1>` for the single star on the menu item and then `<%stars:0/5>` through to `<%stars:5/5>` for the individual functions.

Some more markup codes you can use are described in [this thread](https://resource.dopus.com/t/button-menu-label-description-tags-and-sequences/47007).

> **Menu XML - paste to a toolbar in Customize mode**
>
> ```auto
> <?xml version="1.0"?>
> <button backcol="none" display="label" label_pos="left" min_width="yes" textcol="none" type="menu">
> <label>&lt;%stars:1/1&gt;</label>
> <tip>Set Rating</tip>
> <icon1>#newmenu</icon1>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:0/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:0</instruction>
> </function>
> </button>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:1/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:1</instruction>
> </function>
> </button>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:2/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:2</instruction>
> </function>
> </button>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:3/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:3</instruction>
> </function>
> </button>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:4/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:4</instruction>
> </function>
> </button>
> <button backcol="none" display="label" textcol="none">
> <label>&lt;%stars:5/5&gt;</label>
> <icon1>#newcommand</icon1>
> <function type="normal">
> <instruction>SetAttr META rating:5</instruction>
> </function>
> </button>
> </button>
> 
> ```