Web forum is in read-only mode. Login as active registered customer for write access
  Forum Search   New Posts New Posts

Control Tab Order

 Post Reply Post Reply
Author
Stuart Clennett View Drop Down
New Member
New Member
Avatar

Joined: 04 Jan 2019
Posts: 24
Post Options Post Options   Quote Stuart Clennett Quote  Post ReplyReply Direct Link To This Post Topic: Control Tab Order
    Posted: 08 Jan 2019 at 4:52pm
Hi,

I just set up 4 panel + 3 splitter layout - header & footer with a client divided into left aligned panel and client aligned panel

In the top panel are just two edits and a button (login form).

The tab order is all over the place - I've set the taborder values in the property inspector for the login form controls to 0, 1 and 2, but they don't seem to comply (if anything it seems the tab order runs in reverse, but I suspect this maybe coincidental).


Thanks
Back to Top
Bruno Fierens View Drop Down
TMS Support
TMS Support
Avatar

Joined: 11 May 2010
Posts: 8601
Post Options Post Options   Quote Bruno Fierens Quote  Post ReplyReply Direct Link To This Post Posted: 08 Jan 2019 at 5:02pm
Is this TMS WEB Core v1.1.1.0 you're using?
Between v1.0 and v1.1, improvements have been done in tab order handling.
Back to Top
Stuart Clennett View Drop Down
New Member
New Member
Avatar

Joined: 04 Jan 2019
Posts: 24
Post Options Post Options   Quote Stuart Clennett Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 10:22am
Yes, I have v1.1.1.0


Back to Top
Bruno Fierens View Drop Down
TMS Support
TMS Support
Avatar

Joined: 11 May 2010
Posts: 8601
Post Options Post Options   Quote Bruno Fierens Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 11:36am
I cannot reproduce a problem.
TabOrder settings are page-wide in a browser. Do you take this in account?
Back to Top
Stuart Clennett View Drop Down
New Member
New Member
Avatar

Joined: 04 Jan 2019
Posts: 24
Post Options Post Options   Quote Stuart Clennett Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 11:52am
Yes I think so.  You mean that it's not per-parent as with Win32 apps.

Apart from the 2 edits and 1 button, I've got the following on the page:

- WebPanels - 3 of them, no TabOrder property (guess they just compile to <span> or <div> tags)
- WebPageControl - TabStop set to True, but TabOrder stuck at Zero
- WebTableControl - no TabOrder property (as expected)
- I programmatically create TWebButtons inside of the last column of the WebTableControl. I set the Taborder to the row number of the table plus 4 (as there are currently 4 other components).

The top panel containing the username, password and login buttons does not tab in the correct order at all.  Pressing tab from the username field goes somewhere (haven't been able to figure it out), pressing tab again puts the focus in the browser address bar (chrome). 


Back to Top
Stuart Clennett View Drop Down
New Member
New Member
Avatar

Joined: 04 Jan 2019
Posts: 24
Post Options Post Options   Quote Stuart Clennett Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 12:10pm
Hi.

I've created a small test project to illustrate the problem

Please try tabbing from the username field

Thanks
Back to Top
Bruno Fierens View Drop Down
TMS Support
TMS Support
Avatar

Joined: 11 May 2010
Posts: 8601
Post Options Post Options   Quote Bruno Fierens Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 4:54pm
There are several issues in your test project.
First of all, your login username & login password controls use the ElementID which is intended for coupling the control to a HTML element in the HTML form template. When there is coupling, it is intended that attributes are set via the HTML element in the template and not the Pascal component on the form. (HTML controls in this case UI)
Secondly, there are several other controls on the form that have TabStop=true with TabOrder=0, so there are duplicates for TabOrder=0.
Back to Top
Stuart Clennett View Drop Down
New Member
New Member
Avatar

Joined: 04 Jan 2019
Posts: 24
Post Options Post Options   Quote Stuart Clennett Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 5:03pm
Thanks for the feedback.

I see that the WebMemo has the TabOrder=0 - I fixed that.

When I run the application, I can see that each TabSheet has a tab-stop, but there's no TabOrder property for the TabSheet.

Also, the WebPageControl *does* have a TabOrder but it's impossible to change from 0 (change the value, exit the property and it reverts back to zero again).  This is irrespective of the setting of the TabStop property.

The speedbutton (refresh) doesn't have a TabOrder property either, but also seems to be able to receive focus ? 

(finally, I guess I have to re-read the section in the help on the templating system :) 

 Thanks 



Back to Top
Bruno Fierens View Drop Down
TMS Support
TMS Support
Avatar

Joined: 11 May 2010
Posts: 8601
Post Options Post Options   Quote Bruno Fierens Quote  Post ReplyReply Direct Link To This Post Posted: 09 Jan 2019 at 9:38pm
TWebPageControl did not properly use TabStop: this has been fixed
TWebSpeedButton should not render TabIndex: this has been fixed
The next update will have these fixes.
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down