{% extends "admin/base_site.html" %} {% load i18n %} {% block bodyclass %}grp-doc{% endblock %} {% block content-class %}{% endblock %} {% block title %}Grappelli Documentation » Submit-Rows{% endblock %} {% block breadcrumbs %} {% endblock %} {% block content %}

Submit-Rows

Submit-rows carry options for submitting a form.

Defining a submit-row

The element carrying buttons for submitting a form is always a .grp-module with an additional class .grp-submit-row.
Theses classes might be applied to any type of block-level element. The following examples of submit-rows come with a footer.

If you use a footer (or any other kind of HTML5 dom-element like article, section and so on) make sure that you insert some hidden header to let it appear in the document outlines.

The submit-row always has to contain a plain ul with li carrying the submit options.

All li in a submit-row float right by default. If you want a li to float left just add .grp-float-left to it.

Submit Options

  • Item 1 (floating left)
  • Item 2 (floating right by default)
  • Item 3 (floating right by default)
{% filter force_escape %}

Submit Options

  • Item 1 (floating left)
  • Item 2 (floating right by default)
  • Item 3 (floating right by default)
{% endfilter %}

Each li of a submit-row may contain buttons, inputs or links representing the submit options.

Buttons, Inputs & Links

The options in a submit-row are represented by the following elements: button /, a href="" / and input /.

You have to add .grp-button to each of these elements.

By default these elements visually appear in a reduced state.
Add .grp-default to elements you want to characterize as major ones.

Submit Options

{% filter force_escape %}

{% endfilter %}

Different types of links

Links used in submit-rows may be further specified with adding one of the following classes: .grp-delete-link, .grp-cancel-link or .grp-reset-link.

{% filter force_escape %}

{% endfilter %}

Fixing a footer with a submit-row

To fix the footer at the bottom of the browser window you have to add .grp-fixed-footer to the .grp-module.grp-submit-row

{% filter force_escape %}
{% endblock %}