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

Bootstrap circle not round

I can't figure out what to do with the style, for it to display a really round circle instead of the elongated one. Pretty new to HTML and bootstrap, don't rage at me. Picture of the circle
Bangarus
  • 3
  • 1
0
votes
1 answer

Notification badge counter for android

I’m new at react-native. Now I need to make an app icon with a notification badge counter (as in the photo). PushNotification.getApplicationIconBadgeNumber solved this issue for ios, but for android, it does not work. I tried to make it through the…
vasilek_
  • 31
  • 1
  • 2
0
votes
1 answer

How to show dot badge instead of counter badge in app launcher icon?

I am using flutter_local_notifications: ^9.7.0 to show notification and that's really nice package, using that package I am available to get badge with icon "1" when notification pops up. What I would like to ask.. instead of showing "1" badge, I…
wahyu
  • 1,679
  • 5
  • 35
  • 73
0
votes
1 answer

Usage of messaging center in xamarin form

I'm currently trying to use Messaging Center to update the count of a shopping cart amount the message is sent with the correct data but is never received, and I'm not sure if my implementation is right (Never used it before) I'm trying to send data…
0
votes
0 answers

Xamarin form badge update count

I'm trying to make a badge hold a counter of the item in a shopping cart the list of item in the shopping cart is defined as a static list I tried to define an access method on the AppShellViewModel and bind the count to the access method but no…
0
votes
2 answers

Flutter desktop windows notification badge on app icon

I can't seem to find this one. Is it possible to add the number on the app icon? (windows desktop) For example this is Telegram on windows:
alex smith
  • 470
  • 6
  • 16
0
votes
2 answers

How to fix badge position in menu header React with ant design

im trying to put an element Badge to the right of header menu in my page, but I don't know how do that, currently de Menu element of ant design push to another position the badge (bell icon): The code: const HeaderComp = (props) => { let navigation…
Dr oscar
  • 359
  • 1
  • 4
  • 16
0
votes
2 answers

How to vertically align a badge next to a multiline heading element's last line?

How can I vertically align a badge (which is smaller) vertically next to the h1 tag. I don't want to put the span tag into the h1 tag for SEO reasons. Right now it is aligned at the bottom. I want to have it in the middle.
Philipp S.
  • 827
  • 17
  • 41
0
votes
2 answers

Flutter fcm push notifications are not able to show icon badges

final data = { "notification": { "title": title, "body": body, }, "apns": { "payload": { "aps": {"badge": 1} } }, "to": pid };
0
votes
2 answers

Ad a badge to buddyboss user profile for members with active pmpro subscription (Wordpress)

I am using BuddyBoss and Paid Membership Pro, I have installed the Paid Memberships Pro - BuddyPress & BuddyBoss Add On plugin too. In PMPRO I have only one plan with ID 2. I want to add on the members list and on the profile page a badge that says…
0
votes
1 answer

Flutter badges package - How to not show zero/update dynamically?

I am using Badges package with flutter to show no. of unseen notifications as badge for an icon in the bottom navigation bar. My bottom navbar widget Widget homeBottomBar() { final notificationNotifier = …
rawm
  • 251
  • 5
  • 24
0
votes
1 answer

How to clear badge in TabView on SwiftUI

Showing a badge is easy enough using the .badge(content) modifier, but to remove it the .badge(nil) modifier doesn't work despite being, apparently, an option in the docs. TabView { VStack { Text("Tab 1") } .tabItem { …
Alejandro
  • 367
  • 3
  • 10
0
votes
0 answers

Chrome Extension: toggle badge text ON/OFF with chrome.action.getBadgeText

I'm doing a Chrome extension and I need the action button to show a badge text "ON" when it is active, and hide this badge when it is disabled. You toggle this state clicking on the action button. I've seen there are other posts trying to do the…
0
votes
0 answers

How to display a badge with pending notifications number on IOS?

On android, when you have pending notifications, the icon of the app will display a circle for telling the user that pending notifications exists for the app, you don't need to implement anything or adding code to the app. On iOS I see that some…
NullPointerException
  • 36,107
  • 79
  • 222
  • 382