{# -*- mode:web -*- engine:django -*- #} {% comment %} Dialogfrom DEMO Initial page Includes media required to instantiate dialog 'anchors' and basic demo app styling {% endcomment %} {% load static %} DialogDemo {% include "dialogform/anchor_media.html" %}

Dialog Form Demo Page

Each column of the table below shows a different editing dialog type for the rows of notes.

The form for the third and fourth columns below uses admin widgets - but note: for these to work properly you should log into admin first (see below).

The dialogs of the third column have to load all the admin core stylesheets and javascript so they affect the referring page display while the dialogs are open. Fourth column dialogs load into an iframe so the referring page is not affected.

Go to Notes in Admin to see dialog-anchor demos within the admin environment and to add/remove Notes or Tags. Login as admin/admin

New notes can also be added using the admin "+" related widget wrapper within the dialogs.

Here is a Search (local dialog) example.

{% for note in note_list %} {% endfor %}
Note and
Tag Select Dialogs
Note Iframe/
dialog
Note Dialog
with admin widgets
Note Iframe dialog
with admin widgets
DatePublished
{% spaceless %}
{{ note.content }}
{% if note.tags.count %} {% for tag in note.tags.all %}{{ tag.name }}{% if not forloop.last %},{% endif %}{% endfor %} {% else %} {% endif %}
{% endspaceless %}
{{ note.content }}
{{ note.content }}
{# iframe does not need cleanup #} {{ note.content }}
{{ note.date }} {{ note.published }}