title: Display horizontally dynamic content in JSF
body: <p>Looks simple but I can't do it.
  I need to display a series of images, 3 in each line. For example, if I have 9 elements in my collection it should display 9 images in a 3 x 3 table.
  I'm trying with this code:</p>
  
  <pre><code>     &lt;h:form&gt;
          &lt;ice:panelGrid columns="3"&gt;
              &lt;ui:repeat var="user" value="#{indexBean.users}" &gt;
                  &lt;ice:panelGrid columns="1"&gt;
                      &lt;ice:graphicImage value="#{user.picture}"/&gt;
                      &lt;ice:outputText value="#{user.name}"/&gt;
                  &lt;/ice:panelGrid&gt;
              &lt;/ui:repeat&gt;
          &lt;/ice:panelGrid&gt;
      &lt;/h:form&gt;
  </code></pre>
  
  <p>But instead of a 3 columns ordered table I get one picture under the other.
  I can get all items horizontally arranged with <code>css: display:inline</code> but the line isn't cut from 3 to 3 elements. I get a "infinite" line with all elements.</p>
  
  <p>Some help please? Thanks!</p>