Opening a tab through client action in Reactive App

Hello,

I'm using the Navigation\Tabs in a Outsystems 11 UI Reactive App.  Only the StartingTab propoerty is available, but not the ActiveApp.  How can I change to a specific tab using client actions after the page is loaded?  I set the StartingTab to a local variable and change that variable in my client action but it does not work.

Thanks

Hi Tony Lee,

I think the solution of the following post might help you. I haven't tried it myself.

It's for Mobile but should work the same way for Reactive Web:

https://www.outsystems.com/forums/discussion/45022/navigation-tabs/

So in the OnTabsChange event you should be able to change the value of the ActiveTab.

Regards,

Nordin

Nordin Ahdi wrote:

Hi Tony Lee,

I think the solution of the following post might help you. I haven't tried it myself.

It's for Mobile but should work the same way for Reactive Web:

https://www.outsystems.com/forums/discussion/45022/navigation-tabs/

So in the OnTabsChange event you should be able to change the value of the ActiveTab.

Regards,

Nordin

Hi Nordin,

No, the post is does not really solve my problem.  I'm not trying to get what the ActiveTab value is, I want to be able to set which tab is displayed by changing the ActiveTab.  However, for a reactive app in Outsystems 11UI, there is no parameter called ActiveTab anymore, and is replaced by StartingTab parameter.  Setting a variable for StartingTab does not seem to have any effect once the page has already been loaded.


Regards,

Tony


Hi Tony,

If you add an OnTabChange Event Handler for your Tabs widget, the platform will add an ActiveTab input parameter to it.

Regards,

Nordin

Nordin Ahdi wrote:

Hi Tony,

If you add an OnTabChange Event Handler for your Tabs widget, the platform will add an ActiveTab input parameter to it.

Regards,

Nordin

Hi Nordin,

The ActiveTab input parameter only tells me the tab they I have changed to in the action, it does not allow me to set which tab to display if I want to change that programmatically.

Regards,

Tony


Hi Tony,

I see what you're saying now. Again, I haven't used the Tabs widget before in Mobile or Reactive Web.

I'll try it out later on and get back to you if no one else does.

Regards,

Nordin

Hi Tony,

One more question. Do you navigate away to another screen and when navigating back you want to now what Tab you were on before you left? 

Because if not, I don't understand why you would want to change the ActiveTab programmatically while staying on the same screen. You can simple click on another Tab in your App to change it.

Regards,

Nordin

Nordin Ahdi wrote:

Hi Tony,

One more question. Do you navigate away to another screen and when navigating back you want to now what Tab you were on before you left? 

Because if not, I don't understand why you would want to change the ActiveTab programmatically while staying on the same screen. You can simple click on another Tab in your App to change it.

Regards,

Nordin

Hi Nordin,

No, all of this is on the same screen.  Let me give you a full scenario.

On the screen I have 2 tabs.

The user inputs information on the 1st tab.  When they navigate to the 2nd tab, I run a OnTabChange event to check if certain fields are completed, if not then I want to force them back to displaying 1st tab instead of 2nd tab.

Does that make sense?


Thanks,

Tony


Hi Tony,

Thanks for clarifying that :).

For this particular scenario, I think it would be better to use a Wizard with 2 WizardItems. I'm not sure if this is possible with the Tabs widget. I'll have some time later on to do some tests.

Nordin

Nordin Ahdi wrote:

Hi Tony,

Thanks for clarifying that :).

For this particular scenario, I think it would be better to use a Wizard with 2 WizardItems. I'm not sure if this is possible with the Tabs widget. I'll have some time later on to do some tests.

Nordin

Hi Nordin,

I prefer to use Tab instead of Wizard.  I have just simplified my example to illustrate the point.  In my actual application there are more than 2 tabs and the information is not really sequential so would be strange to use wizard.

Thanks,

Tony


I am also facing the same challenge here. I also do not want to use wizard cause it does not fit my need. So ay update on this. Can we do the same using javascript. ?