{% 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 %}
Submit-rows carry options for submitting a form.
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.
{% filter force_escape %}
{% endfilter %}
Each li of a submit-row may contain buttons, inputs or links representing the submit options.
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.
{% filter force_escape %}
{% endfilter %}
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 %}
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 %}
{% endfilter %}