various ways to invoke rich:popupPanel

richfaces popupPanel is a very useful component.
It could hide complex form into popup, when invoke the popup dialog when it is required.

below are various ways to invoke the richfaces popupPanel.


1. with richfaces javascript api.

2. with rich:componentControl

3. positioning with richfaces javascript

This is the output if we replace both top and left with 0. It will moves to the top left of the window.

for more information about richfaces javascript, please click here

4. positioning with componentControl and hashParm

replace the top value and left value to get your desired position. 

p/s: jQuery could be used to capture and define the desired position of the popupPanel.