CODEWITHSUNDEEP
cssprimefaces
user3366706
user3366706

Reputation: 1599

Adjust the size of tab header are in primefaces

How to adjust the size of tabView's header height in primefaces? For example in the link http://www.primefaces.org/showcase/ui/panel/tabView.xhtml there are number of tabs with headers like "God Father I", "God Father II", etc, I just want to adjust the height of the header part alone, not the whole tab height.

EDIT: for example: adding height attribute to <p:tabView> would increase the overall tabs height, not the tab header/title part height.

Upvotes: 0

Views: 1517

Answers (1)

Geinmachi
Geinmachi

Reputation: 1251

You can do this by using this css style

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    height: 200px;
}

Upvotes: 1

Related Questions