I am curious if there is a way to get the modal form to capture the focus of the cursor. For instance, the login modal form should have the cursor in the username field by default. Is this easily done?

CommentFileSizeAuthor
#4 modal_forms-login_form_autofocus-1440336-7303870.patch511 bytesselfsimilar
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

scor’s picture

scor CreditAttribution: scor commented
Title: Capture focus » Automatically set focus in login modal form username

yes, that would make a lot of sense. +1

selfsimilar’s picture

selfsimilar CreditAttribution: selfsimilar commented

if you don't mind editing the module itself, you can add this behavior easily.

edit the file js/modal_forms_login.js:

(function ($) {

Drupal.behaviors.initModalFormsLogin = {
  attach: function (context, settings) {
    $("a[href*='/user/login'], a[href*='?q=user/login']", context).once('init-modal-forms-login', function () {
      this.href = this.href.replace(/user\/login/,'modal_forms/nojs/login');
    }).addClass('ctools-use-modal ctools-modal-modal-popup-small');
    $.("#edit-name").focus();
  }
};

})(jQuery);
scor’s picture

scor CreditAttribution: scor commented

@selfsimilar would you like to roll a patch? It seems like a good feature which should be part of this module.

selfsimilar’s picture

selfsimilar CreditAttribution: selfsimilar commented
FileSize
modal_forms-login_form_autofocus-1440336-7303870.patch511 bytes

I'm happy to roll a patch for this. I just don't know if the patch would get rolled into the main branch. This was a quick little hack and if the main developer wanted this to be an optional change someone would have to add to the admin menu to etc.

That said, here's the patch.