BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - html Form Tab Order
  FAQ FAQ  Forum Search   Register Register  Login Login

html Form Tab Order

 Post Reply Post Reply
Author
Message
macindoe1 View Drop Down
Newbie
Newbie


Joined: Oct 29 2020
Location: RI, USA
Status: Offline
Points: 3
Post Options Post Options   Thanks (0) Thanks(0)   Quote macindoe1 Quote  Post ReplyReply Direct Link To This Post Topic: html Form Tab Order
    Posted: Oct 29 2020 at 8:08pm
How can I change the tab order in an html form?  It is here:

http://www.mhcoa.org/Forms/eApplication/

Thanks.

Bill MacIndoe
Back to Top
macindoe1 View Drop Down
Newbie
Newbie


Joined: Oct 29 2020
Location: RI, USA
Status: Offline
Points: 3
Post Options Post Options   Thanks (0) Thanks(0)   Quote macindoe1 Quote  Post ReplyReply Direct Link To This Post Posted: Oct 29 2020 at 9:17pm
Never mind, I found it.  It seems that it tabs across the page.  One element was slightly higher than it should have been, so it was out of order.

Bill MacIndoe
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Oct 29 2020 at 9:51pm
Otherwise you can assign tabindexes by adding the following code in a javascript code block in endBody position

$(document).ready(
function(){
// list the element IDs in sequence
var tabindexes = [
'WEb057511bb6',
'WEc33ccb1ad1',
'WE3478346dab',
'WE2c1c81ba07',
'WE09a8657c5d'
]
var indexLength = tabindexes.length;

// apply sequence
for (i=0;i<indexLength; i++){
var targetID = "#"+tabindexes;
$(targetID).attr({"tabindex":i+1});
}
}
);


Edited by Hobby001 - Oct 30 2020 at 1:11am
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Oct 29 2020 at 9:53pm
In order to ensure that your elements are aligned, you can use relative mode:  https://youtu.be/6toO45j_Esc
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.063 seconds.