How to auto-focus a Text Field in a Mashup?

[MA8731174]

Hi Community,

I have a use case where:

• I open a new mashup from within another mashup (e.g., via Navigation).

• In this new mashup, the user should enter some values.

• I would like one Text Field to be automatically focused when the mashup loads, so the user can start typing right away without clicking into it.

Has anyone implemented this? Is there a recommended way to achieve auto-focus on a widget (e.g., via binding, service call, or JavaScript) in ThingWorx Mashups?

Thanks in advance for your suggestions!

[pshashipreetham]

Hi @MA8731174 , 

Did you try the:

Also, if you want the user to move to another Text Field and enter the value in it, with the Tab key, try:

Thanks,

[MA8731174]

Thanks for your feedback but i cannot see this property FocusOnLoad in textField widget properties. My thingworx version is 9.3

[pshashipreetham]

Hey,

What about the Tab Sequence?

Thanks,

[MA8731174]

Thanks actually i am using TABSET widget and have 3 tabs with many widgets as you can see screenshot below. when i open this mashup from another mashup i show only 1 tab should i put there for all textfields this TAB SEQUENCE or i have to put in all text fields which exists in this mashup on all tabs...?

[TonyZhang]

Hi @MA8731174,

Can you try configuring the TAB SEQUENCE of the Text Field which you want to have the initial focus on, to 1, and number the rest text fields to 2, 3, 4 and so forth to see if it works?

Best,

[CharlesJi · Accepted solution]

Hi @MA8731174,

Due to the nature of Tab Sequence (tabindex), you'll need to put all those with positive integers before the default zero ones to make it work as expected; otherwise, you'll have to correctly set a non-default Tab Sequence (>0) for every widget.

However, I don't recommend mixing Tab Sequences with positives (>0) and zeros (=0) on one page.

For your convenience, I suggest upgrading ThingWorx to 9.4 or later and using the FocusOnLoad feature.

https://support.ptc.com/help/thingworx/platform/r9/en/#page/ThingWorx/Help/Mashup_Builder/Widgets/ConfiguringAutoFocus.html

Regards,

Charles