arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
SlideOut
SlideOut SlideOut create tabs that slide out from the window edges to show a feedback form, contact form, live chat, etc.

Features include:
  • Attach to any edge of the screen: top, bottom, left or right
  • Make sticky to have the tab follow you as you scroll
  • Easily CSS styled
  • Javascript callbacks for Open and Close tab events
  • Ajax behaviors for Open and Close tab events

A typically area of application is anywhere you may want to get customer feedback.

Based on jQuery TabSlideOut Plugin.

WARNING:Demos in this showcase may not work in some browsers and all examples are shown set to the top of the screen. The reason is because of CSS position:absolute vs. position:relative of the tabs. The PE Showcase uses pe:layout component which causes issues trying to use this component because the tab cannot be drawn on top of the Layout panes.

However, we are successfully using the component in production applications you just have to be careful where you lay it out.
Components and more
Documentation pe:
Attributes (move mouse over the names to see data types)
Name Description
No attributes available for this component.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 15.0.13,PrimeFaces Extensions: 15.0.14-SNAPSHOT,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: Apache Tomcat (TomEE)/9.0.82 (8.0.16),Build time: 2026-02-23 00:32