將PrimeFaces的「p：tabView」對齊到右邊

Question

有沒有辦法將選項卡對齊？

我試圖用style =「text-align：right;」來玩，就像他們在yui中那樣 - 但它似乎不起作用。

Answer 1

爲了解決這個問題，我們需要重寫Primefaces的jquery-ui.css屬性。

1.創建包含一個新的CSS：

.ui-tabs .ui-tabs-nav li{float:right!important;} 

（命名爲tab_view_align_right.css，並把它放在網頁/資源/ CSS）。

2.增加

<h:head> 
    <h:outputStylesheet name="css/tab_view_align_right.css"/> 
</h:head> 

到JSF文件。

Answer 2

我知道這是一個老的文章，但我找到了新的解決方案：

<p:tab titleStyle="float:right".../>