p.dashboard and p:panel width in percentage

[vished]

Dear all,

I´m trying to setup the p:dashboard component.
It seems the p:panel is supporting only pixel and not percentage?

<p:dashboard id="board" model="#{dashboardViewController.model}">
<p:ajax event="reorder"
listener="#{dashboardViewController.handleReorder}"
update="msgs" />

<p:panel id="sports" header="Sports" style="width:500px;height:100px;">
<h:outputText value="Sports Content" />
</p:panel>

<p:panel id="finance" header="Finance">
<h:outputText value="Finance Content" />
</p:panel>

<p:panel id="lifestyle" header="Lifestyle">
<h:outputText value="Lifestyle Content" />
</p:panel>

<p:panel id="weather" header="Weather">
<h:outputText value="Weather Content" />
</p:panel>

<p:panel id="politics" header="Politics">
<h:outputText value="Politics Content" />
</p:panel>
</p:dashboard>

I would like to setup the size of the rows in 4 types:
25% of the whole row
50% of the whole row
75% of the whole row
100% of the whole row

So I need only one column with different rows...

ROW1: Panel1 = 50% ; Panel2 = 50%
--> New row because we have now 100%

ROW2: Panel3: 25% ; Panel4 = 50% ; Panel5 = 25%
--> New row because we have now 100%

ROW3 .....

How can I do this?