Is it possible to create a Badge without content

[Mark]

I am looking to have aBadge which is basically a styled label sitting on its own.

I have tried adding a Badge View without content which wont work

<telerik:RadBadgeView BadgeText="Archived" BadgeHorizontalAlignment="Start" BackgroundColor="#ffc107" BadgeTextColor="Black">
                           <telerik:RadBadgeView.Content>
                                
                            </telerik:RadBadgeView.Content> 
                        </telerik:RadBadgeView>

Is there something I can do to just use the Badge as its own control?

[Didi]

Hello Mark,

BadgeView is the control in which you can add content and position the badge based on this content. If you do not want to use BadgeView content and only badge (the indicator), then you can check the Badge control: https://docs.telerik.com/devtools/maui/controls/badgeview/badge-overview 

Regards,
Didi
Progress Telerik

[Mark]

Aha, thats what I need...

I did look for that control in the list of controls on the website, but was not there... only see BadgeView... will take a look...

Thanks

[Mark]

 

This works as expected, just didn't know it was there.

[Didi]

Hi Mark,

The Badge is described inside the BadgeView documentation as part of the control. We suggest using the BadgeView, but for your case if the Badge is enough, then you can use it.

[Mark]

ok, I have done this to get something working:

<telerik:RadBadgeView BadgeText="Archived" BadgeHorizontalAlignment="Start" BadgeBackgroundColor="#ffc107" BadgeTextColor="Black" HorizontalOptions="Start" HeightRequest="25">
                           <telerik:RadBadgeView.Content>
                                <telerik:RadBorder WidthRequest="0" HeightRequest="20" BorderThickness="0" BorderColor="Transparent"></telerik:RadBorder>
                            </telerik:RadBadgeView.Content> 
                        </telerik:RadBadgeView>

Note: needed to put:

HeightRequest="20"

to give the badge space to render.

This works but seems a bit hacky and an overkill, any ideas on a more elegant solution