如何動態設置<p:carousel>寬度？

Question

我正在使用Prime faces 3.5版本。有一個包含2列（每個寬度爲50％）的panelGrid的頁面。試圖避免硬編碼像素大小以佔用所有屏幕分辨率的全屏幕。在Grid的第二列中有p：carousel組件。爲此，我們設置了寬度：100％。出於某種原因，這產生了13000像素大小。任何解決方案來解決這個問題？

<p:panelGrid columns="2> 
    <p:scrollPanel> 
    --some content 
    </p:scrollPanel> 
    <p:scrollPanel> 
    <p:carousel style="width:100%"> 
    </p:carousel> 
    </p:scrollPanel> 
</p:panelGrid> 

Answer 1

嘗試此

jQuery的（ 「UI-轉盤。 」）的CSS（「 寬度」， '100％'）。