{"result":{"depiction_url":null,"edges":{"hasreference":{"objects":[{"created":"2026-10-07T11:13:39Z","object_id":{"id":1539,"is_a":["text","documentation","developerguide"],"name":"doc_developerguide_wires","title":{"_type":"trans","tr":{"en":"Handle a browser event with a wire"}},"uri":"https:\/\/zotonic.com\/id\/1539"},"seq":1}],"predicate":{"id":2774,"is_a":["meta","predicate"],"name":"hasreference","title":{"_type":"trans","tr":{"en":"Documentation reference"}},"uri":"https:\/\/zotonic.com\/id\/hasreference"}},"subject":{"objects":[{"created":"2026-10-07T11:13:39Z","object_id":{"id":2557,"is_a":["categorization","keyword","keyword_information_type"],"name":"zotonic_topic_cookbook_recipe","title":"Cookbook recipe","uri":"https:\/\/zotonic.com\/id\/2557"},"seq":1},{"created":"2026-10-07T11:13:39Z","object_id":{"id":2564,"is_a":["categorization","keyword","keyword_audience"],"name":"zotonic_topic_backend_developer","title":"Backend developer","uri":"https:\/\/zotonic.com\/id\/2564"},"seq":2},{"created":"2026-10-07T11:13:39Z","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":3},{"created":"2026-10-07T11:13:39Z","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":4},{"created":"2026-10-07T11:13:39Z","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":5}],"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":1340,"is_a":["text","documentation","cookbook"],"links":[{"rel":"self","target":"https:\/\/zotonic.com\/.zotonic\/websub\/topic\/1340"},{"rel":"hub","target":"https:\/\/zotonic.com\/.zotonic\/websub"}],"medium":null,"medium_url":null,"name":"doc_cookbook_custom_action","page_url":{"en":"https:\/\/zotonic.com\/cookbook\/1340\/create-a-reusable-browser-action","x-default":"https:\/\/zotonic.com\/cookbook\/1340\/create-a-reusable-browser-action"},"preview_url":null,"resource":{"body":{"_type":"trans","tr":{"en":"<p>Use an active module named <code>mod_garden<\/code>. Create <code>src\/actions\/action_garden_welcome.erl<\/code>:<\/p>\n<pre class=\"notranslate\"><code class=\"notranslate language-erlang\">-module(action_garden_welcome).\n-export([render_action\/4]).\n\nrender_action(TriggerId, TargetId, _Args, Context) -&gt;\n    z_render:render_actions(TriggerId, TargetId,\n        [{growl, [{text, &lt;&lt;&quot;Welcome to the garden&quot;&gt;&gt;}]}], Context).\n<\/code><\/pre>\n<p>Compile the application, refresh module discovery, and add this to a page using the normal Zotonic browser scripts:<\/p>\n<pre class=\"notranslate\"><code class=\"notranslate language-django\">{% button text=&quot;Welcome&quot; action={welcome} %}\n<\/code><\/pre>\n<p>Click the button. Expect the growl message. <code>render_action\/4<\/code> returns JavaScript together with the updated context. Delegating to a built-in action preserves its encoding and wiring behaviour.<\/p>\n<p>This action only displays constant text. To change data, send a postback to an exported <code>event\/2<\/code> handler, validate input and check authorization there; a hidden button or signed postback is not permission to modify a resource.<\/p>"}},"category_id":{"id":318,"is_a":["meta","category"],"name":"cookbook","title":{"_type":"trans","tr":{"en":"Cookbook"}},"uri":"https:\/\/test.zotonic.com\/id\/318"},"content_group_id":{"id":339,"is_a":["meta","content_group"],"name":"default_content_group","title":{"_type":"trans","tr":{"en":"Default Content Group"}},"uri":"https:\/\/zotonic.com\/id\/default_content_group"},"created":"2020-05-30T05:47:19Z","creator_id":{"id":336,"is_a":["person","robot"],"name":"gitbot","title":"Git","uri":"https:\/\/zotonic.com\/id\/336"},"doc_editorial_bundle":true,"doc_editorial_edges":{"hasreference":[1539],"subject":[2557,2563,2564,2583,2624]},"github_url":"https:\/\/github.com\/zotonic\/zotonic\/tree\/master\/doc\/cookbook\/custom-action.rst","is_authoritative":true,"is_dependent":false,"is_featured":false,"is_protected":false,"is_published":true,"is_unfindable":false,"language":["en"],"modified":"2026-10-07T11:13:48Z","modifier_id":{"id":1,"is_a":["person"],"name":"administrator","title":"Site Administrator","uri":"https:\/\/zotonic.com\/id\/1"},"name":"doc_cookbook_custom_action","pivot_geocode":null,"pivot_location_lat":null,"pivot_location_lng":null,"privacy":0,"publication_end":"9999-06-01T00:00:00Z","publication_start":"2022-02-15T10:01:32Z","slug":"create-a-reusable-browser-action","summary":{"_type":"trans","tr":{"en":"Wrap a maintained Zotonic action instead of assembling JavaScript strings."}},"title":{"_type":"trans","tr":{"en":"Create a reusable browser action"}},"title_slug":{"_type":"trans","tr":{"en":"create-a-reusable-browser-action"}},"tz":"UTC","uri":null,"version":32,"visible_for":0},"uri":"https:\/\/zotonic.com\/id\/1340","uri_template":"https:\/\/zotonic.com\/id\/:id","websub":{"hub":"https:\/\/zotonic.com\/.zotonic\/websub","topic":"https:\/\/zotonic.com\/.zotonic\/websub\/topic\/1340"}},"status":"ok"}