1

This is a common layout task and there are many ways to do it. I'm looking for a way to do it with PrimeFaces components with as less CSS as possible.

For example, this is the easy solution with html table:

<table style="width: 100%;"><tr>
   <td> CONTENT BASED WIDTH </td>
   <td style="width: 100%;"> THIS COLUMN WILL TAKE ALL REST SPACE </td>
</tr></table>

However, using HTML tables for creating layouts is not a good practice.

Here is a CSS solution from other question on stackoverflow: xHTML/CSS: How to make inner div get 100% width minus another div width. However, this is plain HTML and not JSF.

Community
  • 1
  • 1
He Rompo Lbu
  • 11
  • 2

0 Answers0