Package: django-bulma-form-templates
Fork ofDjango Bulma (timonweb)This fork moves more functionality into the templates, instead of adding CSS in python code.It is also more extensible, since templates can be included and blocks can be overriden.For the added functionality, look at sectionNew AdditionsA Bulma Theme for Django ProjectsA Django base theme based on Bulma (bulma.io). Bulma is a modern CSS framework based on Flexbox.*** work in progress ***InstallationInstall the python package django-bulma from pippip install django-bulmaAlternatively, you can install download or clone this repo and callpip install -e ..Add to INSTALLED_APPS in yoursettings.py:'bulma',If you want to use the provided base template, extend frombulma/base.html:{% extends 'bulma/base.html' %}

{% block title %}Bulma Site{% endblock %}

{% block content %}
  Content goes here...
{% endblock content %}If you want to customize bulma sass and your own components:4.1 Copy bulma static files into your project'sSTATIC_ROOT:python manage.py copy_bulma_static_into_projectYou should seebulmadir appeared in yourSTATIC_ROOT. It contains
two dirs:sass- this is the place where you can put your own sass code and customize
bulma variablescss- this is where compiled sass output goes, you should link this file
in your base.html4.2 Install npm packages for sass compilation to work:python manage.py bulma install4.3 Start sass watch mode:python manage.py bulma startFor forms, in your templates, load thebulma_tagslibrary and use the|bulmafilters:Example template{%loadbulma_tags%}{# Display a form #}<form action="/url/to/submit/" method="post">{%csrf_token%}{{form|bulma}}<div class="field"><button type="submit" class="button is-primary">Login</button></div><input type="hidden" name="next" value="{{next}}"/></form>Included templatesdjango-bulmacomes with:a base template,django core registration templates,Bugs and suggestionsIf you have found a bug or if you have a request for additional functionality, please use the issue tracker on GitHub.https://github.com/nkay08/django-bulma/issuesNew AdditionsThe form and fields can be rendered in exactly the same way as before.
However, fields can now also be used by simply including a template.Templatesbulma/forms/field.html: The basic field template that is included by django-bulma'sform.htmlbulma/forms/field_include.html: Can be included directly with awith field=form.<your_field>statement. Does NOT add markup classes, but they can be provided manually.bulma/forms/bulma_field_include.html: Can be included directly with awith field=form.<your_field>statement, and adds markup classes like thebulmatemplate filterbulma/forms/bulma_inline_field_include.html: Can be included directly with awith field=form.<your_field>statement, and adds markup classes like thebulma_inlinetemplate filterbulma/forms/bulma_horizontal_field_include.html: Can be included directly with awith field=form.<your_field>statement, and adds markup classes like thebulma_horizontaltemplate filterYou can customize the fields, e.g. by extendingbulma/forms/field_include.htmland overriding its blocks and then changing the respective setting.SettingsYou can specify which templatesdjango-bulmauses for rendering forms and fields, and thus allow extensibility and customization.
These affectdjango-bulma's rendering template filters, but also all field templates that are prefixed withbulma_.Options forsettings.py:BULMA_FIELD_TEMPLATE: Specifies which field template is used by bulma rendering. Default"bulma/forms/field_include.html".BULMA_FIELD_WRAPPER_TEMPLATE: Specifies which field wrapper template is used by bulma rendering. This wrapper coverts some context dicts to flat variables. Default"bulma/forms/field.html".BULMA_FORM_TEMPLATE: Specifies which form template is used by bulma rendering. Default"bulma/forms/form.html".BULMA_FORMSET_TEMPLATE: Specifies which formset template is used by bulma rendering. Default"bulma/forms/formset.html".Bulma CSSInline icons: You can now generate inputs that have inline iconsAddhas-icons-leftorhas-icons-rightor both asclasses_valuewhen including or providing them as parameter when using thebulmatemplate tagYou can specify the icon css class with the contexticon_left_classandicon_right_class(currently only possible when including template)