In my custom Edit page I have a button where the user can select records and make them child records. As the edit page and the selection page must work on the same record they are currently implemented in wizard-style (multiple pages with the same controller and state).
As the selection page actually is more a dialog than a standalone page I thought about displaying it as a modal dialog on top of the edit page using something like jQuery UI.
I found many tutorials but the most of them were quite old or used "risky" technologies like iframes and the like.
How would you built this today? Or are they good reasons to not use JS-based modals at all?
Best Answer
This is how i solved it using the SimpleDialog solution from @Uwe Heim.
Noteworthy:
apex:include
in adisplay:none
outputPanelSimpleDialog.importContentNode()
instead ofSimpleDialog.setHtml()
to reuse DOM instead of copying it.Parent page:
Dialog page: