Tags

With tags you add logic and flexibility to your templates.

Built-in tags

The tags that are included with Zotonic.

Module tags

Module tags are provided by modules, so their availability depends on which modules are activated in your Zotonic instance.

menu: Show a page menu.
print: See also
script: This tag is the placeholder where all generated JavaScript scripts will be output on the page.
live: Live updating templates connected to MQTT topics.
catinclude: See also
include: See also
wire: Connect actions and events to a HTML element.
image: See also
block: See also
extends: See also
overrules: See also
all_catinclude: See also
all_include: See also
autoescape: Automatically apply HTML escaping to values.
cache: Cache frequently used rendered template output for later reuse.
call: Call an Erlang function.
comment: Ignore part of a template.
cycle: Rotate through a list of values.
filter: Filter the contents of a block through variable filters.
firstof: Not implemented, but exists in Zotonic for forward compatibility with future ErlyDTL and Django versions.
for: Loop over multiple values in a list or search result.
if: See also
ifchanged: Not implemented, but exists in Zotonic for forward compatibility with future ErlyDTL and Django versions.
ifequal: See also
ifnotequal: See also
image_data_url: See also
image_url: See also
inherit: See also
javascript: Adds javascript that will be run after jQuery has been initialized. In dynamic content it will run after the DOM has been updated with the template where the…
lib: See also
load: See also
media: See also
now: See also
raw: Make a literal section which does not interpret tags.
regroup: Not implemented tag, for forward compatibility with future ErlyDTL and Django versions.
spaceless: Removes whitespace between HTML tags.
templatetag: Not implemented, but exists in Zotonic for forward compatibility with future ErlyDTL and Django versions.
trans: See also
trans_ext: See also
url: Generate the URL for a named dispatch rule. In this way it is possible to automatically change the generated URLs when the dispatch rules are modified.
with: Assign a complex value to a variable.
button: Makes a button with an action attached.
chart_pie: Show a pie chart.
chart_pie3d: Show a pie chart with 3D effect.
cotonic_pathname_search: Todo
debug: Shows which variables are assigned for use in the current template’s scope:
draggable: Mark a html element as draggable.
droppable: Mark an element as valid drag destination.
google_chart: Make charts with Google.
inplace_textbox: Render a JS-aided inplace textbox.
lazy: Custom tag which adds a ‘loader’ image to the page and performs a one-time action when loader comes into view.
loremipsum: Inserts a piece of “lorem ipsum” text into the page.
mailinglist_subscribe: Show the mailinglist subscription form to subscribe to a certain mailinglist id.
pager: Show a pager for search results.
poll: Show a given survey (with the id parameter) as a “poll”. This presents a simpler interface, in which the user is directly asked to enter some information, e.g.
sortable: Mark an element as sortable.
sorter: A sorter is a container for sortables.
spinner: Add an AJAX activity indicator.
tabs: Make a HTML element into a tab set.
validate: The validator tag accepts the following arguments:
wire_args: Add extra arguments to wired actions.
worker: Todo
survey_start: Show the first page for a given survey (with the id parameter):