FAB and badge?

Community Driven Extensions Project
Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

26 Nov 2020, 17:13

I don't see the slideout in your screenshot?
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

rider
Posts: 497
Joined: 05 Mar 2010, 13:17

26 Nov 2020, 17:50

It´s a screenshot from Intercom.com.

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>
But the badge is missing in my case (e.g. if you received new messages etc.)
Primefaces 12.0, WildFly 21

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

08 Jan 2021, 20:58

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.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests