Monday, December 17, 2012

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.
rich:component('popup').show()

2. with rich:componentControl

rich:componentControl target="popup" operation="show"

3. positioning with richfaces javascript
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
positioning with componentControl
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.

LinkWithin

Related Posts Plugin for WordPress, Blogger...