*
*
*
*
ArchiveRegister | Login 
View Article

Current Articles | Categories | Search | Syndication

Wednesday, May 11, 2005
HOWTO: Using TabIndex to skip the DNN:Label tabstop in Firefox
By Richard Edwards @ 11:03 AM :: 948 Views :: 2 Comments :: :: DotNetNuke, How-To
 
One of the thing that has been causing me a little grief with the new DNN:Label control was that in FireFox, when a user is tabbing through the fields, it will stop at each label control help (?) instead of moving to the next input control. You may have noticed this yourself when logging in. Initially the focus is on the UserName help icon and not the username field and when you tab it moves to the password help icon and not the password field.

The workaround for this is to include a TabIndex="1" (or another sequential number if you want to provide other than default tabbing) for all your input controls and tabbing will conveniently skip the DNN Label control and behave in a more consistent manner across IE and Firefox.

Core team: It would be nice if you could change this in the Login dialog so I don't have to keep editing it manually Wink [;)]
Rating
Comments
By Declan Ward @ Monday, May 23, 2005 5:29 PM
The same happens in IE if you use the SectionHead control. That is the +/- that expands and contracts sections of a page. For example the Host or Site settings pages.

Tab stops on this control. I would prefer if it didn't. Any ideas as to how I could implement a TabStop=No option.

liffey

By Richard Edwards @ Tuesday, May 24, 2005 12:51 PM
I believe I saw a post where TabIndex="-1" would skip the tab stop on controls although I'm not sure if this is equally support in IE and FireFox

Richard

Click here to post a comment
Copyright (c) 2005-2008 DNNStuff
*
Terms Of Use   Privacy Statement