{% extends 'opal.html' %} {% load forms %} {% load panels %} {% load staticfiles %} {% block content %}
Living documentation of the available design patterns for OPAL applications
A way of presenting discrete units of information.
The Body
The Body
The Body
Use on occasions when we want to display information in key - value pairs to users but that data is not tabular.
{% templatetag openblock %} load panels {% templatetag closeblock %}
{% templatetag openblock %} aligned_pair model="43" label="First Data Point" {% templatetag closeblock %}
{% templatetag openblock %} aligned_pair model="22" label="Next Data Point" {% templatetag closeblock %}
Present the user with an atomic interaction. Modals are based on the Angular UI-Bootstrap Modal.
This area - the Modal Body typically contains either a form or a detailed view of some data pertaining to the parent context.
Modals are available in three sizes - default, large and small.
When we have complex information or interactions, we can use a large modal.
List of items which each have a boolean state.
When used in a form, should be aligned with the form inputs (typically offset-md-3).
List of mutually exclusive items
When used in a form, should be aligned with the form inputs (typically offset-md-3).