panel width become 100% inside layout

[javaone9]

Hello,
Before using Layout, panel width is fitting its content, but it become 100% after adding to layout unit. Digging via firebug, its width is not set. Anyone knows why? How to make panel (div) width fit its content, not 100%? Thanks.

Dave

[kukeltje]

Have a look at the differences in css... Use e.g. firebug for this (but you already know that right)

Then based on those differences, look at how you can solve the issue... If that does not work, report the details here, including what you tried etc...

[javaone9]

the dataTable inside panel is overflowing outside the panel when the datatable is wider than the layoutUnit. but the panel is 100% same wide as the layout unit.

Code: Select all

<p:layoutUnit>
<p:panel>
    <p:dataTable>
    ..
    </p:dataTable>
</p:panel>
<p:layoutUnit>

This looks awkward. The panel should stretch and wrap around the dataTabe.

Code: Select all

.ui-dataTable table {
width: auto;
}
.ui-panel {
width: auto;   ----> same as 100%
}

I need something like:

Code: Select all

.ui-panel {
overflow: stretchToFit
}

Thanks for any help...

[kukeltje]

stretchToFit