{% extends 'base.html' %} {% block title %}{% trans 'Development' %} - {{ block.super }}{% endblock %} {% block breadcrumb_bar %} {% endblock %} {% block content %}
Card
Outline Primary
Outline Warning
Text
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Badges
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Secondary Outline
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Buttons
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %} {% endfor %}
{% for color in theme_colors %} {% endfor %}
{% for color in theme_colors %} {% endfor %}
Normal
Light
Normal
Light
Checkboxes
Alerts and Callouts
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Info
Warning
Danger
Information
Give the user some explanation.
Vote
Unipolar
Bipolar
Yes-No
Bars
{% include 'progress_bar.html' with done=6 total=12 %} {% include 'progress_bar.html' with done=7 total=7 icon='user' %} {% include 'progress_bar.html' with done=1 total=8 warning=True %}
Tables
Special rows
Name Info Items
Heading row Signals a row being in the first indent level.
{% spaceless %}
 
 
 
 
 
{% endspaceless %}
1.8
Total Stats Emphasize a row showing important data. {% include 'progress_bar.html' with done=8 total=14 %}
Hover edit or vote buttons Hightlight the row and the primary button when hovering, except when a secondary button is hovered.
Hover results Hightlight the row, distribution bar and grade badge when hovering.
{% spaceless %}
 
 
 
 
 
{% endspaceless %}
1.8
Link table
Containers
Left
Center
Right
Content
{% endblock %} {% block additional_javascript %} {% include 'infobox_js.html' with id='exampleInfobox' %} {% endblock %}