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
0 answers

Expo Push Notification - how to increase Icon Badge by 1

I want to increase app icon badge by 1 when expo push notification comes. Here's my code: sendNotification({ to: route.params.user.pushToken, title: `${person.username} size mesaj gönderdi`, body: `${messages[0].text}`, badge: 1, …
0
votes
0 answers

Bad Material UI badge component displaying in safari

I have a Badge component. In chrome, firefox etc works well but in safari 16.3 I have a problem like on screenshots (https://i.stack.imgur.com/pY7OS.png). Sometimes showing the number, and sometimes is crushed like the second…
0
votes
1 answer

How to create an empty ion-badge

I am working with Ionic 6, and I want to put a badge on one of my tab buttons. Simular to the first red one in this image (vuetify): An empty badge in Ionic seems to be invisible. For now I am using this workaround, adding a char, and coloring it…
Denxorz
  • 316
  • 1
  • 4
  • 15
0
votes
0 answers

Badge is not displaying OSX cocoa swift

I am trying to display badge count in MacOS Ventura for my application, Here is my code NSApplication.shared.dockTile.showsApplicationBadge = true NSApplication.shared.dockTile.badgeLabel = "2" NSApplication.shared.dockTile.display() I also…
Jitendra Modi
  • 2,344
  • 12
  • 34
0
votes
0 answers

I have a problemusing badget in navigation bar kotlin

I'm tyring to use a badget with Materials but I have several custom styles and when I use it, my custom button's style dissapear I know that it works If I replace in my manifest android:theme="@style/Theme.AppCompat.NoActionBar"…
Monrac
  • 49
  • 1
  • 6
0
votes
0 answers

How to increase Badge with each new Local Notification in Swift?

Context My App used Local Notifications and I would like to implement a Badge Count. However, the moment the Badge Count should increase (+1 for each new Notification), the App is not open most of the time and I could't find a Delegate Method or…
0
votes
1 answer

How we display discount percentage badge and sale badge separately on WooCommerce product?

Want to display discount percentage badge on right hand side of product image and sale badge on left hand side of product image in products slider. So, Please Suggest some hooks for this functionality! Tried to add the following hook but it will…
0
votes
1 answer

Badge counter on launcher icon in flutter

I am trying to implement badger count on app launcher icon in flutter for all android based devices. I've tried flutter_app_badger and flutter_dynamic_icon as well but both of them aren't compatible with android. I wan't a unamious solution it's…
0
votes
1 answer

align badges to the right in github README using Markdown

am translating a github readme file from English to Arabic, while doing that i faced a problem where i can't algin this following badge form the left to the rghit [Get it…</div>
        <div class=
0
votes
3 answers

Angular Material Badge onclick

I have this element with badge and I would like to add onClick on the badge, but in this case the onClick reacts on the text click, how can I do it ONLY for the badge?
Text with badge…
Ostap Filipenko
  • 235
  • 5
  • 21
0
votes
1 answer

Updating Badge Count from Notification Service Extension

I am trying to update the badge count when a push notification is delivered via the Notification Service Extension. This is all working except that when reading UserDefaults from a shared AppGroup, the app is soft-opened and that causes an issue as…
kittonian
  • 1,020
  • 10
  • 22
0
votes
2 answers

Can't set @Theme vaadin

I am pretty new to vaadin. I am trying to use badges. When I add the @Theme to my class: @PageTitle("Technology") @Route(value = "") @Theme("common-theme") public class TechnologyLayout extends VerticalLayout { ... var tmp = new Span(new…
spozzi
  • 65
  • 5
0
votes
1 answer

Badge not showing styled

I want to add badges to a grid. what I did is follow this. I added the .json file in: frontend/themes/common-themes/theme.json this is the .json { "lumoImports": ["badge"] } and this is the code that I use to add it to the grid (current all my…
spozzi
  • 65
  • 5
0
votes
1 answer

Jenkins badge dynamic update with React/JS

I'm building a dashboard listing all our different projects, environments and pipelines. I'm using Jenkin's badges to show the status of the pipelines. I would like to update automtically these badges to the current status without having to refresh…
SoaAlex
  • 372
  • 3
  • 6
  • 15
0
votes
1 answer

Badges in Google's navigation bar

I wanted to add a notification badge to my gnav bar, like in the picture below. I didn't find any documentation about the navigation bar from Google, so I don't know how to do it. The programming language is Dart and I work with Flutter in Android…