Questions tagged [badge]

A badge is a concise visual indication of something important to the user.

A badge is an unobtrusive notification in an application, indicating to the user a count of actionable objects that the user may wish to attend to. For example, number of new emails or unread messages.

A badge is not to be used as an urgent message requiring immediate user action, but rather assists in program flow, giving the user information about another part of the application that is not currently in focus.

867 questions
0
votes
1 answer

How can a badge like on GitHub libraries be made?

How can I make a badge like how we ofter see it on GitHub libraries. Like this: . I can use a web view but it is not efficient as it will take time to load and it will also cache it.
Sambhav Khandelwal
  • 3,585
  • 2
  • 7
  • 38
0
votes
2 answers

Incorporate badge feature on CMS

I am wondering if there is an easy way to incorporate the nifty "badge" feature of StackExchange to normal CMS, such as Umbraco. Ideally, I'd rather have a plugin with some basic XML editing or even box-ticking, or simple code, but I can't divert…
Kheldar
  • 5,361
  • 3
  • 34
  • 63
0
votes
0 answers

Creating GitHub readme build status badge, based on commit build status?

Context I would like to eliminate the manual exporting of build status badges that my CI does to GitHub. To do this, I intend to create/use a build status badge in the README.md of repo repo_a, that reflects the build status of the head commit…
a.t.
  • 2,002
  • 3
  • 26
  • 66
0
votes
2 answers

MUI Badge is not showing in the DOM, in inspector the span is in tact

I've created a React RTK application with mainly MUI Components. Suddenly (and I can' reconstruct where when or why) the Mui is not showing in my app, although it is in plain sight in the DevTools, elements. The code that leads to this…
Wolk9
  • 69
  • 8
0
votes
0 answers

Free shipping label/badge/text for conditional price in WooCommerce product/archive page under price

I want to add in the product page and archive, the text "free shipping" for products that have at least a certain price (say $ 49) free delivery, to later stylize it from css. I did this, but it doesn't work. Whoever gives me a helping hand, please,…
atto
  • 13
  • 2
0
votes
1 answer

Woocommerce: add 'Free Delivery' badge to product thumbnail in Woocommerce based on shipping class

i want add, on product listing, over image a text badge "Free delivery" based on specific shipping class "spedizione-gratuita". You can help me ? I test this code but dont work add_action( 'woocommerce_before_shop_loop_item_title',…
0
votes
1 answer

change color of the badge - condition

I am a beginner at React. I would like to change the color of the badge in dependency to the number of registered students. Something like on the picture. If the item.registeredCount (number of registered students) = (item.capacity - 1) then the…
Anket.
  • 91
  • 8
0
votes
0 answers

How To Change Bottom Navigation View Badge Color Based On State?

I have use the material bottom nav to add badge to its view, and I also able to change color by assigning simple color, but when I want to set that color based on selected state, the color doesn't change. same for badge text color, it doesn't change…
0
votes
1 answer

How can I create badge number in icon launcher kotlin

my story is make the number in top of icon or badge number like this home screen icon but it doesn't work all device why? and how I solve it?
0
votes
1 answer

Value of type 'some View' has no member 'badge'

I'm unable to use a property badge in a tabview as xCode complains: Value of type 'some View' has no member 'badge' . var body: some View { TabView { Text("Your home screen here") .tabItem { …
Aashish
  • 2,532
  • 2
  • 23
  • 28
0
votes
2 answers

Discord API - Get user's badges using public_flags

I'm using javascript and i'm looking for how to get a list of flags (from public_flags) that a user has as an example: [ "House Bravery", "Partnered Server Owner", "Early Verified Bot Developer" ] I'm not using discord.js
0
votes
1 answer

badge notification is not showing if laptop is connected to external monitor

I have a uwp app that shows a badge icon whenever a new message is received. Recently when I connected my laptop to an external monitor it suddenly stopped showing a badge icon. Is there any system setting that can affect the notification toaster or…
Laxmi
  • 83
  • 8
0
votes
0 answers

iOS push notifications: Best practice to set correct badge for thousands of receiving users

We want to use push notifications to inform our users about new app features or great content. These will only be sent occasionally, but should go to all users of our app. We've already implemented push notifications and calculate the badge number…
waldgeist
  • 547
  • 5
  • 16
0
votes
2 answers

A chat notification Indicator

Guys look at the screen shot. I am building a chat window to show unread messages. Though it works fine. code window and the output window I just can't figure out a simple condition when the count is 0 I want to hide the entire badge.
0
votes
1 answer

Notification badge counter in Microsoft Teams

I am working on a custom webApp for Microsoft Teams, I would like to manipulate the badge notification for my App (btw I am not sure if it's the right name), I need to add a counter like teams does for new messages or another symbol to indicate…