<pm:content styleClass="jqm-content">
<p:panelGrid columns="2">
<p:commandButton id="btn-basic" value="Basic" type="button"/>
<p:commandButton id="btn-dynamic" value="Dynamic" type="button"/>
</p:panelGrid>
</pm:content>
<p:overlayPanel for="btn-basic" widgetVar="pnl-basic" at="right" >
<h2>Panel Content</h2>
<p:menu>
<p:menuitem value="Link 1" url="#" icon="ui-icon-info"/>
<p:menuitem value="Font awesome icon" url="#" icon="fa fa-headphones"/>
<p:separator />
<p:menuitem value="Link 3" url="#" />
</p:menu>
</p:overlayPanel>
<p:overlayPanel for="btn-dynamic" widgetVar="pnl-dynamic" at="right" dynamic="true">
<h2>Dynamic Content</h2>
<p>This content is loaded on demand to speed up initial page load time.</p>
</p:overlayPanel>