Toolbar for the form.
Object, default = {}
You can add a toolbar to the form by defining the .toolbar property. The toolbar will be created on form initialization by creating w2toolbar object. After the form has been initialized, the .toolbar property becomes instantiated w2toolbar object.
You should define tabs during object creation: $('#form').w2form({ name: 'form2', toolbar: { items: [ { id: 'tb1', type: 'button', caption: 'Button 1', img: 'icon-page' }, { id: 'tb2', type: 'button', caption: 'Button 2', img: 'icon-page' }, { id: 'tb3', type: 'button', caption: 'Button 3', img: 'icon-page' } ] }, tabs: [ { id: 'tab1', caption: 'Tab 1' }, { id: 'tab2', caption: 'Tab 2' } ], fields: [ { name: 'first_name', type: 'text', required: true }, { name: 'last_name', type: 'text', required: true }, { name: 'email', type: 'email' }, { name: 'extra_field', type: 'date' } ], record: { first_name : 'John', last_name : 'Doe', email : 'jdoe@email.com', extra_field : '' }, actions: { "save": function () { this.validate(); }, "reset": function () { this.clear(); } } });