{% 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

A submit-row contains options for submitting a form.

Defining a submit-row

The element wrapping 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 are using a footer. If you use a footer (or any other kind of HTML5 dom-element like article, section), make sure to insert a hidden header to let it appear in the document outlines.

The submit-row always contains a plain ul with li defining the submit options. Every li in a submit-row floats right by default. If you want a li to float left, just add .grp-float-left.

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 are visually reduced — add .grp-default to elements you want to emphasize.

Submit Options

{% filter force_escape %}

Submit Options

{% 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 %}