FAB and badge?
I don't see the slideout in your screenshot?
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 8.0.3 / PF Extensions 8.0.4
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 8.0.3 / PF Extensions 8.0.4
It´s a screenshot from Intercom.com.
I´ve implemented it with pe:slideout:
But the badge is missing in my case (e.g. if you received new messages etc.)
I´ve implemented it with pe:slideout:
Code: Select all
<pe:slideout id="slideoutChatWidget" icon="fa fa-envelope"
animateSpeed="10" sticky="true"
autoOpen="#{chatWidgetController.openWidget}" location="bottom"
widgetVar="slideout" handleStyleClass="feedback-handle"
panelStyleClass="feedback-panel" offset="10px"
clickScreenToClose="false" handleOffsetReverse="true"
bounceTimes="0" offsetReverse="true" bounceDistance="50px">
<p:ajax event="open" listener="#{chatWidgetController.doOpenWidget}"
update=":chatPanel_container" global="false" />
<p:ajax event="close"
listener="#{chatWidgetController.doCloseWidget}" global="false" />
<ui:include src="/public/chatPanelWidget.xhtml" />
</pe:slideout>
Primefaces 8.0, WildFly 21
I looked at implementing this with the new PF10 badge component and with the PE Badge and neither is simple and it will definitely require JS code to reposition the badge.
So adding this feature does not seem likely.
So adding this feature does not seem likely.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 8.0.3 / PF Extensions 8.0.4
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 8.0.3 / PF Extensions 8.0.4
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests