Center the first field in modal forms

Question

I use Bootstrap from Twitter to create a modal dialog in a Marionette app.

I would like to know how best to focus the first field in modal forms without using fancy javascript.

Here is my code:

var app = new Marionette.Application(); app.addRegions({ modal: '#modal' }); app.vent.on('showModal', function (view) { var modal = app.modal; modal.show(view); modal.$el.modal({ show: true, keyboard: true, backdrop: 'static' }); }); 

Answer 1

You can use the event shown as shown in the doc

 modal.$el.on('shown', function () { $('input:text:visible:first', this).focus(); }); 

Answer 2

If odupont answer odupont n't help you (like me), try the following:

 $('.modal').on('shown.bs.modal', function () { $('#firstField').focus(); }) 

Answer 3

Here is the updated answer:

 $('.modal').on('shown.bs.modal', function () { $('input:first', this).focus(); });