disable tab item

disable tab item

  

Hi,


I'm using Tabs widgets and one of the requirement is to disable a certain tab.


Let say I have to disabled tab 4 until all information from tab 3 were completed. I tried using this code

SyntaxEditor Code Snippet

"$('.Tabs__tab').tabs( {disabled: [1]} ); "

But it's not working.


Hope somebody can help me on this.



Thanks,

Ruby

Solution

Hi Ruby Jimenez,

Try to have a look on NavigationBar ,think it will work better in this situation.

Let me know if you need more clarification.

Regards,

Manikandan K

Solution

ManiKandan Kaliamoorthy wrote:

Hi Ruby Jimenez,

Try to have a look on NavigationBar ,think it will work better in this situation.

Let me know if you need more clarification.

Regards,

Manikandan K


I have to replace the Tab with Navigation Bar? Or should I put the NavBar within the tab?

Ruby Jimenez wrote:

ManiKandan Kaliamoorthy wrote:

Hi Ruby Jimenez,

Try to have a look on NavigationBar ,think it will work better in this situation.

Let me know if you need more clarification.

Regards,

Manikandan K


I have to replace the Tab with Navigation Bar? Or should I put the NavBar within the tab?


Hi,


I have replace the Tab with Navigation Bar. I'll just update the CSS for the active bar to behave like tab.


Thanks for this suggestion.



Regards,

Ruby

Hi Ruby,

While I see you've started using the Navigation Bar as suggested. Based on your flow of not allowing the user to move on until a step is completed, the wizard pattern is what is really meant for this flow:

https://silkui.outsystems.com/Patterns_Web.aspx#Web_Featured_Wizard

The navigation bar 'could' be changed and used for this, but it is not really what it is meant for. The wizard is built specifically for the flow described. 

Hope this helps,

Justin