NHS Frontend Styles for Wagtail
Project description
Wagtail NHS Style
A wagtail implementation of the NHS frontend v0.8.0 standard components.
Installation
Install the pypi package
pip install wagtail-nhs-style
Add to your INSTALLED_APPS in wagtail settings
INSTALLED_APPS = [
...
'wagtailnhsstyle',
...
]
Use blocks in your streamfields
from wagtail.admin.edit_handlers import FieldPanel, StreamFieldPanel
from wagtail.core.models import Page
from wagtail.core.fields import StreamField
from wagtailnhsstyle.blocks import ActionLinkBlock, CalloutBlock
class HomePage(Page):
body = StreamField([
# Include any of the blocks you want to use.
('action_link', ActionLinkBlock()),
('callout', CalloutBlock()),
])
content_panels = Page.content_panels + [
StreamFieldPanel('body'),
]
Use templatetags
{% load nhsstyle_tags %}
<html>
...
<body>
{% breadcrumbs %}
</body>
</html>
Use template includes
{% include 'wagtailnhsstyle/header.html' with show_search=True %}
See the component documentation for a list of components you can use.
Include the CSS in your base template
<link rel="stylesheet" type="text/css" href="{% static 'wagtailnhsstyle/css/nhsuk-wagtail.min.css' %}">
Include the Javascript in your base template
<script type="text/javascript" src="{% static 'wagtailnhsstyle/js/nhsuk-0.8.0.min.js' %}" defer></script>
Further reading
See more documentation
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
wagtail-nhs-style-0.0.3.tar.gz
(46.8 kB
view hashes)
Built Distribution
Close
Hashes for wagtail_nhs_style-0.0.3-py3-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 32baac29bead37f2d36646dc1fba492750c29742efdcbfdd6c5a1ea171b242a6 |
|
| MD5 | e38a89b1dd1ceeb1669ac7fdd680c42e |
|
| BLAKE2b-256 | 89a2edad9bd3909d30ad746deec67e07aaa7d532b3df54449879153453a7ede4 |