Select Tab in App Studio using Property-Set

Hi everyone! This is my first post. I finally found something that might be useful to others. Here’s how I’m able to control the selected tab from an App Studio event. Enjoy!

Examine the source code to find the tabstrip guid that is not exposed in App Studio.

I found this using Ctrl + F on the tabstrip ID (metafx-tabstrip-37bbf):


"model":

{

"guid":"37bbfdff-2b6f-4ae7-8e9f-7992bfe82bb6",

"data":

\[

{

"id":"tsx_CountEntry",

"title":"Count Entry",

"selected":true,

"prismContextLabel":"",

"epBinding":"",

"page":"Page-CountEntry"

},

{

"prismContextLabel":"",

"epBinding":"",

"id":"tsx_CountData",

"title":"Count Data",

"page":"Page-ReviewCount"

}

\],

"id":"metafx-tabstrip-37bbf",

"personalizable":true,

"customizable":true,

"hidden":false

}

In app studio, hook up a property set widget in your event.

Use the model guid as your component ID:

Access the selected prop for the default tab by using data[0].selected

Set the selected prop for your desired tab

You can also do this to show hide grids via their ID prop : hidden true/false . To refresh a grid you can do invalidated : true