# How to: white text number inside black circle?

**URL:** <https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401>\
**Category:** How-to Discussions\
**Created:** [October 5, 2017, 12:36pm UTC](https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401 "2017-10-05T12:36:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![SkillsPlanet](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skillsplanet/32/459_2.png) [@SkillsPlanet](https://forums.fusetools.com/u/SkillsPlanet)\
**Post date:** [October 5, 2017, 12:36pm UTC](https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401/1 "2017-10-05T12:36:10Z")

</div>

if single digit: (1)  
white digit inside a black circle

if double digits, I guess it should be a “roundtangle”

I’ve already spent 30 minutes trying with CornerRadius.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [October 5, 2017, 12:38pm UTC](https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401/2 "2017-10-05T12:38:42Z")

</div>

Sorry, what’s your question? Any code to illustrate the challenge? Any pictures to explain what you’re trying to build?

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [October 5, 2017, 1:09pm UTC](https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401/3 "2017-10-05T13:09:40Z")

</div>

This should do it:

```auto
<App>
    <Rectangle ux:Class="RoundedThing" Height="36" CornerRadius="18" Color="#18f" Alignment="Center">
        <string ux:Property="Label" />
        <Text Value="{ReadProperty Label}" Alignment="Center" TextColor="#fff" Margin="14,0" />
    </Rectangle>
    <StackPanel Alignment="VerticalCenter" ItemSpacing="8">
        <RoundedThing Label="1" />
        <RoundedThing Label="12345" />
        <RoundedThing Label="123454321" />
    </StackPanel>
</App>

```

---

<div class="post-metadata">

**Author:** ![SkillsPlanet](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/skillsplanet/32/459_2.png) [@SkillsPlanet](https://forums.fusetools.com/u/SkillsPlanet)\
**Post date:** [October 6, 2017, 2:17pm UTC](https://forums.fusetools.com/t/how-to-white-text-number-inside-black-circle/6401/4 "2017-10-06T14:17:56Z")

</div>

Works perfectly! Thanks Uldis!

(I was attempting to put a Rectangle with Layer=“Background” attribute inside a Text tag.)