About Extension
A non-visible component that create notification badge on visible component.
Add a picture of all the blocks
Background Color :
![component_set_get](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/8/6/86038133da3b0c25b7e491dd840062ae7f4e5368.png)
![blocks (1)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/4/9/4964c29b3226747106592cdc87272da875b2cbdb.png)
Set background color of the badge.
Hide On Null :
![component_set_get (1)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/d/f/df18c4feb02c36b33ca9758ef0bd1389b1657e2b.png)
![blocks (2)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/f/6/f68cbed0d42eb5afa55311a2de54903cd1f2ad94.png)
Hide badge on 0 count.
Margin :
![component_set_get (2)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/0/6/06e6a30c792257126563187c53cf0ec3a477313a.png)
![blocks (3)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/7/c/7cfa10bcaa20bc4833dcc8627c4e7064ce3ba3c8.png)
Set margin of the badge.
Radius :
![component_set_get (3)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/4/7/479a8a0351f83659753af082f6a1f550fc325170.png)
![blocks (4)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/f/6/f6d325c3b431e27603648ce05cf26a6644fe19be.png)
Set corner radius of the badge.
Elevation :
![blocks (5)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/0/6/0695fbf70ab4c8e7b9746d7b4d2b9b65d667e0c4.png)
Sets the base elevation of the badge.
Set Badge Count :
![component_method](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/3/2/32fa278f0700e63ecbf4ba7a0eb322ce726cc361.png)
Apply badge count.
Get Badge Count :
![component_method (1)](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/5/c/5ca01d825139c2649c2bfdefd437344b3471f871.png)
Get badge count.
Demo :
Download Extension :
com.NotificationBadge.aix (13.3 KB)
34 Likes
Congrats. Can you show examples!!
Thank you.
1 Like
aia for what? He’s created an extension and posted the aix in the first post. What more do you need?
3 Likes
mokhlis
(BASHIR AHMAD)
#13
How to use this exte… Aia plz
Joke of the day
In hotel.
What is your order?
1 Like
Amazing! Thank you. Continue with this beautiful work.
2 Likes
I am talking about this
He did not provide a block for use
Rogerio_Rios
(Professional Support)
#18
But he shared the extension.
![:+1: :+1:](https://community.kodular.io/images/emoji/twitter/+1.png?v=9)
Download, study, it’s an easy extension and the blocks are just a few.
1 Like
I will download the extension and maybe publish the aia instead of the developer
I have internet problems
I couldn’t test the extension today, maybe tomorrow
3 Likes
@Preet_Vadaliya How to change position of the badge.
I mean at which position (top, middle, right, left, Right-Top, Left-down corner etc) of the component, the badge notification can be showed?