Add tooltip support for form fields using qtip.
{% load form_helpers %}
{%if field.field.required %}
<div id="field-required">
{% else %}
<div id="field">
{% endif %}
{{ field.errors }}
{{ field.label_tag }}
{{ field }}
</div>
{% if field.help_text %}
<script type="text/javascript">
$(document).ready(function () {
$("#{{ field.auto_id }}").qtip({
content: "{{ field.help_text }}",
style: {
name: "green",
tip: true
},
position: {
corner: {
target: 'rightMiddle',
tooltip: 'leftMiddle'
}
},
show: "focus",
hide: "blur",
});
});
</script>
{% endif %}