cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
emfuentes27
Super User
Super User

Is it possible to create something similar to Bootstrap's badges in PowerApps?

I would like to create badges similar to Bootstrap's:

badges.png

 

I tried to create some kind of badges using labels, and rectangles, circles, etc., and aligning the Xs and Ys to make them overlap but they look really ugly. Also, I'm worry that as the numbers get bigger, the alignment will messed up.

 

I'm trying to play with the with of the text, and the X of the "badge":

 

badges.png

 

The label width is "8*(RoundUp(Len(name.Text),0))`"  to kind of have a dynamic width. And the the badge X is "name.Width".

 

Any ideas?

 

Thanks.

1 ACCEPTED SOLUTION

Accepted Solutions
zmorek
Super User
Super User

I'm not sure of a nice neat way for that, but I'd probably use the X of the left side label in the gallery... something like:

X = Label8.X-(Self.Width/2)


zmorek_0-1651004430316.png

 

View solution in original post

3 REPLIES 3
zmorek
Super User
Super User

When I need rounded corners, I use buttons. Buttons allow you to control the border radius of each of the corners!

emfuentes27
Super User
Super User

Thanks @zmorek , I didn't think of buttons. The issue now is the X position.

zmorek
Super User
Super User

I'm not sure of a nice neat way for that, but I'd probably use the X of the left side label in the gallery... something like:

X = Label8.X-(Self.Width/2)


zmorek_0-1651004430316.png

 

Helpful resources

Announcements
Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Super User 2 - 2022 Congratulations

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Government Carousel

New forum: GCC, GCCH, DoD - Federal App Makers (FAM)

In response to the unique and evolving requirements of the United States public sector, Microsoft has created Power Apps US Government.

Users online (2,071)