Hi,

How to set badge with number on notification icon in outsystems(UI). In Firebase i have seen GetBadgenumber and setbadgenumber client actions but unable to find how to use them for notification badge icon.


Thanks

Harish


Solution

Hi,

https://www.outsystems.com/outsystems-ui/patterns/mobile/Badge

Change the input parameter to define the background color and add an expression with the value to display inside the placeholder.

Regards,

Daniel

Solution

Hi Daniel 

I am able to set the icon with badge but unable to change the size of the icon., i tried with different options like 3xfontsize and 4x fontsize but it is not increasing the notification icon size.

Daniël Kuhlmann wrote:

Hi,

https://www.outsystems.com/outsystems-ui/patterns/mobile/Badge

Change the input parameter to define the background color and add an expression with the value to display inside the placeholder.

Regards,

Daniel

Thanks

Harish


Harish Yerra wrote:

Hi Daniel 

I am able to set the icon with badge but unable to change the size of the icon., i tried with different options like 3xfontsize and 4x fontsize but it is not increasing the notification icon size.

Daniël Kuhlmann wrote:

Hi,

https://www.outsystems.com/outsystems-ui/patterns/mobile/Badge

Change the input parameter to define the background color and add an expression with the value to display inside the placeholder.

Regards,

Daniel

Thanks

Harish



I can only look at the end of the day. 

Hi Harish,

I tested it myself and you are right, I can reproduce the same problem, the value you select for the size property of the icon widget, does not have any effect, not n service studio an also not if you run the code.

I checked OutSystemsMobile UI and could not even find any CSS styling related to it.

This looks to me like a bug in OutSystemsMobile styleshee, maybe on of the MVPs, who read this post, could check with OutSystems?

Regards,

Daniel