FAB and badge?

[rider]

Hi all,

I want to now how can I get a badge for FAB component?
https://www.primefaces.org/showcase-ext ... ontent.jsf

Here a sample image what I need:


Use case:
For a chat widget to get new messages.

I would assume maybe with css, but I have currently not really an idea to get this.
Does anybody have an idea?

Thanks

[Melloware]

Try this. Our latest showcase has this but it has not been published yet.

Code: Select all

<pe:fab id="btnFab" icon="fa fa-question" iconActive="fa fa-times" style="background: green;" widgetVar="fabWidget">
        <pe:javascript event="open" execute="PF('overlayWidget').show('btnFab');"/>
        <pe:javascript event="close" execute="PF('overlayWidget').hide();"/>
 </pe:fab>

  <pe:badge content="1" for="btnFab"/>
  

[rider]

my fault, sorry.
I mean for: pe:slideout

[Melloware]

The CSS is not currently designed for Slideout.

[rider]

is there any opportunity to do this?

[Melloware]

i can look but i think the CSS could be tricky to get it to stick to the slideout tab.

[rider]

This would be very great

[rider]

@Melloware:
did you had a chance to have a look into it?

To get an understanding:
I would like to have this, like in the screenshot on the right bottom side:

[Melloware]

I told you already the FAB already supports this but you said you wanted it on Slideout? Your screenshot has a FAB in it?

[rider]

No, I´m using Slideout