Please note that the FAB component is currently not compatible with legacy themes.
It's designed to work with the Arya, Saga, Vela, Luna and and Nova themes.
Source
<pe:fab id="fabMenu" icon="pi pi-link">
<p:ajax event="open" listener="#{fabController.openListener}" global="false"/>
<p:ajax event="close" listener="#{fabController.closeListener}" global="false"/>
<p:menuitem value="Home"
icon="pi pi-home"
url="http://primefaces-extensions.github.com/"/>
<p:menuitem value="GitHub"
icon="pi pi-github"
url="https://github.com/primefaces-extensions"/>
<p:menuitem value="Issues"
icon="pi pi-android"
url="https://github.com/primefaces-extensions/primefaces-extensions.github.com/issues"
style="background: red;"/>
</pe:fab>
@Named
@ViewScoped
public class FabController implements Serializable {
private static final long serialVersionUID = 20120224L;
public void closeListener(final CloseEvent closeEvent) {
final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Close fired",
"Component id: " + closeEvent.getComponent().getId());
FacesContext.getCurrentInstance().addMessage(null, msg);
}
public void openListener(final OpenEvent openEvent) {
final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Open fired",
"Component id: " + openEvent.getComponent().getId());
FacesContext.getCurrentInstance().addMessage(null, msg);
}
}