Bootstrap Badges for Xojo Web2.0 Controls

Fabian_Eschrich · February 16, 2021, 10:13am

I’ve made a lightweight extension which allows you to add Bootstrap badges to Xojo Web2.0 Controls.

It looks like this:

BadgesOnLabels

BadgesOnPopupmenus

It currently works on Labels, Buttons and Popupmenus. More will be added over time.

It’s really easy to use:

Label:
Weblabel.AddBadge(Text as String, Indicator as WebUIControl.Indicators = WebUIControl.Indicators.Default)

Button:
WebButton.AddBadge(Text as String, Indicator as WebUIControl.Indicators = WebUIControl.Indicators.Default)

Popupmenu
WebPopupmenu.AddBadgeAt(Row as Integer, Text as String, Indicator as WebUIControl.Indicators = WebUIControl.Indicators.Default)

Hector_Marroquin · February 16, 2021, 7:09pm

Nice!

Thanks for sharing

Hector_Marroquin · April 10, 2021, 3:09am

I found your extends very useful. I did changed them to this:

Extends b as WebButton, badgeText as String, Indicator as 
WebUIControl.Indicators = WebUIControl.Indicators.Default

Just to make sure there are no issues with this (yes it’s deprecated but just to be extra careful)

[Text keyword](http://documentation.xojo.com/api/deprecated/text.html)

Thanks for sharing your code

Fabian_Eschrich · April 12, 2021, 10:43am

Thanks for this tip. I changed it in the repository.
Also I added Badges for WebListbox: