Question

I’d like to open Add / Edit page in Plone in a pop-up dialog.

This would be used in conjunction of a list for mass-populating multilingual content by pasting it from the original translation source.

Plone 4 offers some advanced pop-up functionality.

• Is it possible to open add/edit in a pop-up dialog (jQuery Tools Overlay?)

• Are there limitations in this functionality (validation etc.)

• Does it happen in <IFRAME>?

Answer 1

I haven’t tried this myself yet, but it should work just fine using plone.app.jquerytools, which is what Plone 4.x uses for all the pop-ups.

If you do not expect KSS to work, this should all work fine, including validation. The overlay is loaded into a <div>, not an <iframe>.

For the overlay, you simply specify a formselector to pick out what part of the page is the edit form, and tell the tool what to do when you run out of forms (e.g. the edit was successful). Presumably you’d want to reload the current page. Something like this’d do the trick:

$('li#contentview-edit a').prepOverlay({
    subtype: 'ajax',
    filter: '#content>*',
    formselector: 'form',
    noform: 'reload',
    closeselector: '[name=form.button.Cancel]'
});