{"result":{"depiction_url":null,"edges":{"in_module":{"objects":[{"created":"2020-05-30T05:48:08Z","object_id":{"id":1303,"is_a":["text","documentation","reference","module"],"name":"doc_module_mod_wires","title":"mod_wires","uri":"https:\/\/zotonic.com\/id\/1303"},"seq":1000000}],"predicate":{"id":333,"is_a":["meta","predicate"],"name":"in_module","title":{"_type":"trans","tr":{"en":"In module"}},"uri":"https:\/\/zotonic.com\/id\/in_module"}},"relation":{"objects":[{"created":"2020-05-30T05:48:08Z","object_id":{"id":2048,"is_a":["text","documentation","reference","template_action"],"name":"doc_template_action_action_overlay_close","title":"overlay_close","uri":"https:\/\/zotonic.com\/id\/2048"},"seq":1000000},{"created":"2020-05-30T05:48:08Z","object_id":{"id":1614,"is_a":["text","documentation","reference","template_action"],"name":"doc_template_action_action_dialog_open","title":"dialog_open","uri":"https:\/\/zotonic.com\/id\/1614"},"seq":1000000},{"created":"2020-05-30T05:48:08Z","object_id":{"id":1613,"is_a":["text","documentation","reference","template_action"],"name":"doc_template_action_action_dialog","title":"dialog","uri":"https:\/\/zotonic.com\/id\/1613"},"seq":1000000}],"predicate":{"id":303,"is_a":["meta","predicate"],"name":"relation","title":{"_type":"trans","tr":{"nl":"Relatie","en":"Relation"}},"uri":"http:\/\/purl.org\/dc\/terms\/relation"}},"subject":{"objects":[{"created":"2026-09-09T13:48:17Z","object_id":{"id":2555,"is_a":["categorization","keyword","keyword_information_type"],"name":"zotonic_topic_reference","title":"Reference","uri":"https:\/\/zotonic.com\/id\/2555"},"seq":1},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2563,"is_a":["categorization","keyword","keyword_audience"],"name":"zotonic_topic_frontend_developer","title":"Frontend developer","uri":"https:\/\/zotonic.com\/id\/2563"},"seq":2},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2583,"is_a":["categorization","keyword","keyword_domain"],"name":"zotonic_topic_user_interface_and_interaction","title":"User interface and interaction","uri":"https:\/\/zotonic.com\/id\/2583"},"seq":3},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2620,"is_a":["categorization","keyword","keyword_architecture"],"name":"zotonic_topic_template","title":"Template","uri":"https:\/\/zotonic.com\/id\/2620"},"seq":4},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2624,"is_a":["categorization","keyword","keyword_architecture"],"name":"zotonic_topic_wire_action","title":"Wire action","uri":"https:\/\/zotonic.com\/id\/2624"},"seq":5},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2641,"is_a":["categorization","keyword","keyword_task"],"name":"zotonic_topic_render","title":"Render","uri":"https:\/\/zotonic.com\/id\/2641"},"seq":6},{"created":"2026-09-09T13:48:17Z","object_id":{"id":2673,"is_a":["categorization","keyword","keyword_technology"],"name":"zotonic_topic_javascript","title":"JavaScript","uri":"https:\/\/zotonic.com\/id\/2673"},"seq":7}],"predicate":{"id":308,"is_a":["meta","predicate"],"name":"subject","title":{"_type":"trans","tr":{"en":"Keyword"}},"uri":"http:\/\/purl.org\/dc\/elements\/1.1\/subject"}}},"id":1616,"is_a":["text","documentation","reference","template_action"],"links":[{"rel":"self","target":"https:\/\/zotonic.com\/.zotonic\/websub\/topic\/1616"},{"rel":"hub","target":"https:\/\/zotonic.com\/.zotonic\/websub"}],"medium":null,"medium_url":null,"name":"doc_template_action_action_overlay_open","page_url":{"en":"https:\/\/zotonic.com\/docs\/1616\/overlay_open","x-default":"https:\/\/zotonic.com\/docs\/1616\/overlay_open"},"preview_url":null,"resource":{"version":3990,"pivot_location_lat":null,"title":"overlay_open","is_authoritative":true,"body":"

Renders a template on the server and opens a full screen overlay with the HTML output of the template.<\/p>\n

Example:<\/p>\n

{% button text="show story" action={overlay_open template="_story.tpl" id=1234} %}\n<\/code><\/pre>\n
This opens an overlay over the current content. The template _story.tpl<\/code> will be rendered with the argument id<\/code> (and\npossibly any other arguments). The rendered html will then be shown inside the overlay.<\/p>\n
The overlay template is a div<\/code> with the class modal-overlay<\/code>. Extra classes can be added using the class<\/code> argument:<\/p>\n
{% wire action={overlay_open template="_splash.tpl" class="splash"} %}\n<\/code><\/pre>\n
The overlay action has the following arguments:<\/p>\n
Argument<\/th>Description<\/th>Example<\/th><\/tr><\/thead>
template<\/td>Template to render in the overlay<\/td>template="_overlay.tpl"<\/code><\/td><\/tr>
class<\/td>Extra CSS class(es) to add to the overlay diff.<\/td>class="myclass other"<\/code><\/td><\/tr>
level<\/td>Nesting of the overlay. Non negative integer, higher numbered levels are displayed above lower levels. Special level "top"<\/code> to force display on top, above all dialogs and other overlays.<\/td>level="top"<\/code><\/td><\/tr><\/tbody><\/table>\n
All (extra) arguments are passed to the rendered template.<\/p>","slug":"overlay_open","is_protected":false,"visible_for":0,"tz":"UTC","language":["en"],"doc_source_hash":"08cd4f01f5e0eea60990021c15db94403533e599dea8d8bfc734782a2ca44b36","is_featured":false,"content_group_id":{"id":2551,"is_a":["meta","content_group"],"name":"content_group_imported_docs","title":"Imported documentation","uri":"https:\/\/zotonic.com\/id\/content_group_imported_docs"},"category_id":{"id":326,"is_a":["meta","category"],"name":"template_action","title":"Actions","uri":"https:\/\/test.zotonic.com\/id\/326"},"doc_source_path":"apps\/zotonic_mod_wires\/src\/actions\/action_wires_overlay_open.erl","publication_start":"2023-06-24T08:17:59Z","github_url":"https:\/\/github.com\/zotonic\/zotonic\/blob\/master\/apps\/zotonic_mod_wires\/src\/actions\/action_wires_overlay_open.erl","pivot_location_lng":null,"doc_source_kind":"action","name":"doc_template_action_action_overlay_open","is_unfindable":false,"is_published":true,"pivot_geocode":null,"created":"2020-05-30T05:47:28Z","uri":null,"doc_status":"current","is_dependent":false,"erlang_app":"zotonic_mod_wires","publication_end":"9999-06-01T00:00:00Z","modifier_id":{"id":1,"is_a":["person"],"name":"administrator","title":"Site Administrator","uri":"https:\/\/zotonic.com\/id\/1"},"privacy":0,"doc_source_commit":"66cb145eae7002b184e7d8c4c7bba5e53e8248e5\n","erlang_module":"action_wires_overlay_open","creator_id":{"id":336,"is_a":["person","robot"],"name":"gitbot","title":"Git","uri":"https:\/\/zotonic.com\/id\/336"},"modified":"2026-10-02T12:40:40Z","title_slug":"overlay_open"},"uri":"https:\/\/zotonic.com\/id\/1616","uri_template":"https:\/\/zotonic.com\/id\/:id","websub":{"hub":"https:\/\/zotonic.com\/.zotonic\/websub","topic":"https:\/\/zotonic.com\/.zotonic\/websub\/topic\/1616"}},"status":"ok"}