DND {% dnd %}

-{% dnd_area %} tag supplies the default content for the drag and drop area.

{% dnd_area "unique_name", class="main" %}

{% end_dnd_area %}

dnd_area tags can also contain dnd_section tags.

---

- {% dnd_section %} is a top-level row, and must be nested within a {% dnd_area %}

{% dnd_area %}
 	{% dnd_section %} <!-- is a top-level row -->

	{% end_dnd_section %}
{% end_dnd_area %}

dnd_section tags can also contain the following tags:

• dnd_column
• dnd_module

---

- {% dnd_column %} is a vertical structural building block that occupies one or more layout columns defined by its parent row. It must be nested within a {% dnd_area %} tag

{% dnd_area %}
	{% dnd_column %}

	{% end_dnd_column %}
{% end_dnd_area %}

{% dnd_column %} Can also contain dnd_row.

dnd_row can also contain the following tags:

• dnd_column
• dnd_module

---

- {% dnd_row %} is a horizontal structural building block that creates a nested 12-column layout grid in which columns and modules can be placed.

Must be nested within a {% dnd_area %}

{% dnd_area %}
	{% dnd_row %}

	{% end_dnd_row %}
{% end_dnd_area %}