Forked from pwalsh/wtforms-field-macro-bootstrap3.html
Created
December 6, 2016 00:59
-
-
Save mvmthecreator/94ddd8da13e9ac5758425fae7c714f9e to your computer and use it in GitHub Desktop.
A macro for rending WTForm fields in Jinja2 templates with Bootstrap 3 styling.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% macro render_field(field) -%} | |
{% set with_label = kwargs.pop('with_label', False) %} | |
{% set placeholder = kwargs.pop('placeholder', field.label.text) %} | |
{% set class_ = kwargs.pop('class_', '') %} | |
{% if field.flags.required %} | |
{% set class_ = class_ + ' required' %} | |
{% endif %} | |
<div class="form-group {% if field.errors %}error{% endif %}"> | |
{% if with_label %} | |
<label for="{{ field.id }}" | |
class="control-label{% if field.flags.required %} required{% endif %}"> | |
{{ field.label.text }} | |
</label> | |
{% endif %} | |
{% if field.type == 'BooleanField' %} | |
<div class="checkbox"> | |
<label> | |
{{ field(class_=class_, **kwargs) }} | |
{{ field.label.text|safe }} | |
</label> | |
</div> | |
{% else %} | |
{% if field.type in ('TextField', 'TextAreaField', 'PasswordField', | |
'IntegerField') %} | |
{% set class_ = class_ + ' input-xlarge form-control' %} | |
{% elif field.type == 'FileField' %} | |
{% set class_ = class_ + ' input-file form-control' %} | |
{% endif %} | |
{% if field.type == 'SelectField' %} | |
{{ field(class_=class_, **kwargs) }} | |
{% else %} | |
{{ field(class_=class_, placeholder=placeholder, **kwargs) }} | |
{% endif %} | |
{% endif %} | |
{% if field.errors %} | |
<span class="error help-inline">{{ field.errors|join(', ') }}</span> | |
{% endif %} | |
{% if field.description %} | |
<p class="help-block">{{ field.description|safe }}</p> | |
{% endif %} | |
</div> | |
{%- endmacro %} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment