Make tabs upright sideways when using PrimeFaces TabView

Question

I am using the PrimeFaces TabView tab and would like to know if there is a way to make the tabs appear vertically on the side (left or right, preferably left) and not horizontally on top.

If anyone knows of another way to achieve the desired effect using PrimeFaces or the JSF plane, I will do it too.

Thanks.

Answer 1

Yes it is possible. You can use orientation attribute

Answer 2

PrimeFaces TabView is implemented using the jQuery UI tab . Look at this question. Vertical tabs with jQuery . You can try dragging the PrimeFaces CSS tab with the answer provided in this question to give you vertical tabs.

Answer 3

I do not think this is possible according to the documentation, however, perhaps you can use the menu component to your advantage?

http://www.primefaces.org/showcase/ui/menu.jsf

I used the menu on the main page to load content into the body of the main page. When you click on a specific menu, the corresponding child page is loaded.