How to: white text number inside black circle?

How-to Discussions
1

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.

2

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

3

This should do it:

<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>
4

Works perfectly! Thanks Uldis!

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