January 2013
Intermediate to advanced
328 pages
7h 14m
English
The PrimeFaces dock menu transforms images into a Mac-like dock menu, with icons that expand on rollover. Thus, the Dock component mimics the well-known dock interface of Mac OS X. The component consists of menu items and can be built declaratively or programmatically by model.
In this recipe we will develop a dock menu with social media icons.
Menu items should be direct children of p:dockMenu. We will take advantage of the url attribute, which is # in this sample, but represents a valid URL in the real world.
<p:dock id="dock" position="bottom"> <p:menuitem value="Digg" icon="/resources/images/dock/digg.png" url="#"/> <p:menuitem value="Facebook" icon="/resources/images/dock/facebook.png" url="#"/> <p:menuitem ...
Read now
Unlock full access