Is it possible to change tabs with button?

Hi Everyone,

 

I was thinking of a button within my screen. This button will be used to change tabs. There are different tabs (Steps) on my screen. And when a user clicks on this button it takes him to the next tab, which is his next step also. So instead of clicking on tabs themselves. Is it possible to do it through buttons? Thanks!

Like 0

Like

5 comments

Hello,

 

Please note that there is no way to achieve such logic using basic user tools at the moment. 

However, we registtered this idea for our R&D team for review and this functionality may appear in future releases.

Assuming this is a classic page, you can do the following, passing the Code for the tab you want to set as the active/selected tab:

// set tab with code "GeneralInfoTab" as selected tab
this.setActiveTab("GeneralInfoTab");

Full article here on this topic: https://customerfx.com/article/programmatically-selecting-showing-or-hi…

If this is a Freedom UI page, not sure.

Ryan

Being able to do so in Freedom UI is a must. Anybody have any way of doing so? There must be some way.

It looks like this can be achieved in Freedom UI by setting the attribute <Tab element code>_SelectedTabIndex_Profile to the index of the tab you want to display, so the first tab would be 0, the second 1 etc. To show the 2nd tab for me, the code was:

request.$context.Tabs_SelectedTabIndex_Profile=1

Worth noting that when I try to set this in the init event (crt.HandleViewModelInitRequest) it throws an error in the console (though it does change the tab, so not sure what actually breaks, if anything). I worked around this by putting the set of the value inside a JS timeout for 800ms, which is quick enough to not really be noticeable to users while preventing the error. I'm guessing it's some kind of data loading race condition or something, loading the data for a tab that then isn't being shown.

Show all comments