Visualforce - Beyond Basics Series 38 - Show Custom Popup

How to show a popup ?

A popup dialog will be very useful in cases where an temporary information needs to be shown to the user for either user Input/Output.

How to load a  page in popup ?

There's no standard popup techniques in Visualforce. So, we need to create a custom Popup & load a visualforce page on that using window.open API method.

How to interact with popup & parent page ?

From the popup, its possible to interact with parent page in two ways,

1.   By manipulating parent DOM directly.
2.   By triggering events to parent body component

Where is the Code ?

I have illustrated the custom popup through  a parent page where we have a Text Field that will be populated when the user selects the account in the dialog box.

Any Screenshots ?

Parent Page

Custom Lookup Dialog box

After user selected,

Walk through in a video ?