2 * Include this file _after_ the main backbone-forms file to override the default templates.
3 * You only need to include templates you want to override.
5 * Requirements when customising templates:
6 * - Each template must have one 'parent' element tag.
7 * - "data-type" attributes are required.
8 * - The main placeholder tags such as the following are required: fieldsets, fields
11 var Form
= Backbone
.Form
;
19 <form class="bbf-form">{{fieldsets}}</form>\
24 <legend>{{legend}}</legend>\
30 <li class="bbf-field field-{{key}}">\
31 <label for="{{id}}">{{title}}</label>\
32 <div class="bbf-editor">{{editor}}</div>\
33 <div class="bbf-help">{{help}}</div>\
34 <div class="bbf-error">{{error}}</div>\
39 <li class="bbf-field bbf-nested-field field-{{key}}" title="{{title}}">\
40 <label for="{{id}}">{{title}}</label>\
41 <div class="bbf-editor">{{editor}}</div>\
42 <div class="bbf-help">{{help}}</div>\
43 <div class="bbf-error">{{error}}</div>\
48 <div class="bbf-list">\
50 <div class="bbf-actions"><button type="button" data-action="add">Add</div>\
56 <button type="button" data-action="remove" class="bbf-remove">×</button>\
57 <div class="bbf-editor-container">{{editor}}</div>\
62 <div class="bbf-date">\
63 <select data-type="date" class="bbf-date">{{dates}}</select>\
64 <select data-type="month" class="bbf-month">{{months}}</select>\
65 <select data-type="year" class="bbf-year">{{years}}</select>\
70 <div class="bbf-datetime">\
71 <div class="bbf-date-container">{{date}}</div>\
72 <select data-type="hour">{{hours}}</select>\
74 <select data-type="min">{{mins}}</select>\
79 <div class="bbf-list-modal">\