Question

I have a hidden property which is fetched from ebean. how do i pass that color code property to css function?

    <h:panelGrid id="testpanel"
       columns="#{message.no_of_columns}" rows="#{message.no_of_rows}" 
      styleClass="dynamicGrid">
     <c:forEach items="#{bLDashBoardAction.listBondLoc}" var="item">
      <h:panelGroup>                                                 <h:outputText value="#{item.rackTagCode}" />
   <h:hiddenInput value="#{item.colorEBean.colorCode};" />
                                            </h:panelGroup>
</c:forEach>
</h:panelGrid>

this is my css property,background need to be assigned from panelgrid colorcode

.dynamicGrid td
{
width: 50px;
height: 50px;
border: 4px solid gray;
    background:

}

Answer 1

As you’re restricted by strange design, your best bet is really to apply the style directly on the cell’s content instead.

<h:outputText value="#{item.rackTagCode}" style="display:block;color:#{item.colorEBean.colorCode};" />

The display:block will make it to span the entire cell.