109
Views
5
Comments
Solved
How to configure "red task number"  , sample see attached image?
Question


How to configure "red task number"  , sample see attached image?

2019-05-22 11-30-09
Marcelo Ferreira
Solution

Hi Jack,

If you are using Outsystems 11, there is a component in outsystems UI that does that. It's called icon badge. You can check it here.

Regards,

Marcelo

2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Jack,

As per the mentioned requirement If i am not wrong this is what you want --> Demo Link


If it is so, please let me know, will try to help you in the implementation.


Kind Regards,

Benjith Sam

UserImage.jpg
Jack Bao

Benjith Sam wrote:

Hi Jack,

As per the mentioned requirement If i am not wrong this is what you want --> Demo Link


If it is so, please let me know, will try to help you in the implementation.


Kind Regards,

Benjith Sam


Hi benjith,  

Yes, that`s what I want.


2021-03-18 21-03-15
Benjith Sam
 
MVP

Jack Bao wrote:

Benjith Sam wrote:

Hi Jack,

As per the mentioned requirement If i am not wrong this is what you want --> Demo Link


If it is so, please let me know, will try to help you in the implementation.


Kind Regards,

Benjith Sam


Hi benjith,  

Yes, that`s what I want.


Hi Jack,

Adding to what Marcelo Sir had mentioned, to achieve the stated requirement I used 

1) Data\IconBadge & Data\Badge

2) Button with Ajax Submit (On Click - Method) - Logic to add 1 to the local variable of Integer type which is binded to the Badge - Number field

3) Added custom CSS on the container which contains the Data\Badge UI component -> To place the badge over the Default User Image


SyntaxEditor Code Snippet

"   position: absolute;
    left: 8%;
    top: 50px;
    z-index: 10;
"


Please let me know if I was not clear enough. Happy to help you :)


Kind Regards,

Benjith Sam

2019-05-22 11-30-09
Marcelo Ferreira
Solution

Hi Jack,

If you are using Outsystems 11, there is a component in outsystems UI that does that. It's called icon badge. You can check it here.

Regards,

Marcelo

UserImage.jpg
Jack Bao

Thank Benjith , Marcelo !

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.