ok, thanks 
1 Like
When Menu Active Home or Profile Pointer Active online in Center Kalkulator…
How to Pointer follow Active Form?
thanks
How to Badge Count of Notification,Which Is example Badge of Whatsapp or Etc
The code I provided will point according to the active tab. Did you copy it raw?
Can you explain what you mean?
Yes Broo,I Copy This Raw
Badge This Bro Count Of notif
The raw code should work.
You didn’t explain, especially the whatsapp issue. According to my explanation above, as long as your counter data is in the user table, you can display it via the richtext component on all screens. Meanwhile, navigation is only limited to displaying static content.
You Code Bro This!
I Active Home
pointer in Kalkulator
any tutorial for this bro? for table
The code I provided will point according to the active tab (.tab-active).
I don’t know how you use the code on your side and what you changed or if there is another code that interferes. What you show does not provide data on how I should help you.
I have tested in some of my other applications without any problems.
Hey @Sekayi_Liburd, using this code still requires a spacer component as an indicator to display the badge. Additionally you need to add a class name for the button (badgeBtn).
/*Button block*/
#page-root:has(.show-counter) .badgeBtn button:nth-child(1)::before {
content: "!";
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
font-weight: bold;
color: white;
padding: 5px;
height: 20px;
width: 20px;
background-color: red;
border-radius: 50%;
z-index:99999;
display: flex;
justify-content: center;
align-items: center;
}
1 Like
ok, thanks! I will try it. 
If you wish, you can switch the label from button to counter by using the ITE column. If counter is not equal to 0 then Counter, else Reviews.
#page-root:has(.show-counter) .badgeBtn button:nth-child(1) > .button-text {
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
font-weight: bold;
color: white;
padding: 5px;
height: 20px;
width: 20px;
background-color: red;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
ok, thanks.
1 Like
I can’t get the bubble in the sidebar. To give you a better idea, I’m attaching some screenshots. Do you know what might be going wrong?
Previously, I need to clarify to you that the dynamic counter can only appear within the screen and not in the Glide tab navigation. In the tab navigation, it is only static data provided in the code as content:"!";. You may replace that exclamation mark with another symbol. If you read my description above and proceed step by step, it will be easier to understand the results.
From your screenshot, here are the key points to consider:
-
The HTML code you placed inside the richtext component should be taken from a column in the user table (if you also want to show static notifications in the nav-bar). What I mean is, move this HTML code to a new user table and display it through the richtext component. Here, you can replace the
{IMG}and{COUNTER}code with data from other columns. Then, add the second code to hide the bubble if the counter shows empty. -
Next, you can proceed with the additional code if you want to display it in the nav-bar as well. Note that you need to adjust the
:nth-child(n)code according to the tab order you want to display the bubble for. Don’t forget to add a spacer component to initiate the appearance of the bubble in the nav-bar.
