2012-08-31 161 views
0

在陳列櫃例如,對於http://fractalsoft.net/primeext-showcase-mojarra/sections/layout/tabbedLayout.jsfPE:佈局:對齊選項卡向右

標籤居中右,我無法弄清楚如何做到這一點。

我試過搜索和應用UI標籤樣式,我可以輕鬆地更改大小,但不是標籤對齊方式。

例如,這沒有奏效:jQuery UI tabs aligned and sharing bar with a title

這似乎是與此相關的CSS http://code.google.com/p/primefaces-extensions/source/browse/primefaces-extensions/trunk/src/main/resources/META-INF/resources/primefaces-extensions/layout/layout.css?r=1201

和PE-佈局tabbuttons確實存在,當我Firebug的代碼,但我想不出什麼改變。

我基本上想這樣:

_________________ | tab1 | tab2 | tab3 |

代替: | TAB1 | TAB2 | TAB3 | _________________

歡呼

回答

0

看來,這個CSS確實神奇:

.pe-layout-tabbuttons { 
    left: auto !important; 
} 

要了解如何使用CSS在JSF看here

+0

這不適用於pe:佈局,我相信它會顛倒正常標籤的順序,但是謝謝 –

+0

@KarlKildén作爲您發佈的鏈接不起作用我不得不猜測您正在使用哪個tabview元素。看看[這個頁面](http://fractalsoft.net/primeext-showcase-mojarra/sections/layout/examples/management.jsf)我想出了一個新的答案。所以請看我最新的答案。如果這再次不是你想要的,請添加一個有效的鏈接。 – siebz0r

+0

Hello @ siebz0r,再次感謝。是的,顯然只是在主題中指定組件的疏忽。 我修改了鏈接,當我做了我的第一次提交,但忘了提及它。我嘗試了您的更改,儘管不是100%,但仍然可以工作。 https://dl.dropbox.com/u/860312/Capture.PNG 任何想法,爲什麼它不會一路走到正確的位置? 我的代碼只是示例鏈接中的準系統,它是一個新功能 –