XF 1.3 7 tabs to chg focus from Username to Password field?

Main Company

Active member
Put your cursor in the Username field and then count the number of tab presses it takes to focus on the Password field. I count 7 times on my forum.
xf_login.webp
 
Well, a quick fix is:

Edit template: helper_login_form

Find:
Code:
<dl class="ctrlUnit">
     <dt><label for="ctrl_pageLogin_password">{xen:phrase password}:</label></dt>
     <dd>
       <input type="password" name="password" class="textCtrl" tabindex="2" id="ctrl_pageLogin_password" />       
       <div><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="6">{xen:phrase forgot_your_password}</a></div>
     </dd>
   </dl>

Change:
<input type="password" name="password" class="textCtrl" id="ctrl_pageLogin_password" />

To:
<input type="password" name="password" class="textCtrl" tabindex="2" id="ctrl_pageLogin_password" />

Password becomes 1st tab after User name.
 
Last edited:
EDIT: At first, it looked like the tab key went backwards by default.. but that doesn't appear to be the case.

Tab 0: User Name Field
Tab 1: Stay Logged In
Tab 2: Log in button
Tab 3: Forgot your password
Tab 4: Quick Navigation Menu
Tab 5: Navigation Slate (Forums)
Tab 6: Navigation Slate (Home)
Tab 7: Password Field

Interesting, but taking a look at this now.
I believe we're seeing almost the same, but I have changed my code so that users must enter their emaily addy instead of username...

tab 0: Your Email Address
tab 1: Stay Logged in
tab 2: Log In Button
tab 3: Forget Your Password?
tab 4: misc/quick-navigation-menu
tab 5: home
tab 6: password

I don't seem to be getting your Tab 5.
 
Well, a quick fix is:

Edit template: helper_login_form

Find:
Code:
<dl class="ctrlUnit">
     <dt><label for="ctrl_pageLogin_password">{xen:phrase password}:</label></dt>
     <dd>
       <input type="password" name="password" class="textCtrl" tabindex="2" id="ctrl_pageLogin_password" />      
       <div><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="6">{xen:phrase forgot_your_password}</a></div>
     </dd>
   </dl>

Change:
<input type="password" name="password" class="textCtrl" id="ctrl_pageLogin_password" />

To:
<input type="password" name="password" class="textCtrl" tabindex="2" id="ctrl_pageLogin_password" />

Password becomes 1st tab after User name.
Oh man, you are a Saint. I can't tell you what a pain this has been. Thank you so much :)
 
Top Bottom