How to implement vertical tabs?

How to implement vertical tabs?

  

Hi

I want to implement vertical tabs like this.

Is there any inbuilt component available for this?

Thanks and Regards,

Suraj Borade

Hi Suraj!

"In Built" component, like those widgets that came with RichWidgets and Web Patterns?
I don't remember of any.

Maybe you can find something in Forge (I didn't find anything).

But what you want is just a set of links with CSS to style them and a set of "IFs" to show the content depending on the selection.

No need for a "vertical tab". But you can adapt the tab from RichWidgets or WebPatterns to your needs (it will be almost a matter of styling)

Cheers.

Hi Suraj,

There is Navigation web block in the web pattern. we can use that one.


Yeah!
Forgot about that :) haha

Hi Suraj,

You can try our first pattern - InfiniteTabs. It has an input parameter (IsVertical), that if you set it to True, it will display vertically   .

https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=3273

Let me know if you have any problems.


Cheers,

Bernardo