myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From hilz <hs...@hotmail.com>
Subject Re: <f:verbatim> problem
Date Wed, 07 Dec 2005 22:46:42 GMT
gramani@intellicare.com wrote:
> 
> news <news@sea.gmane.org> wrote on 12/07/2005 03:39:11 PM:
> 
>  >
>  > Thanks for the answer Geeta....
>  > Adding them in the <h:column> will show up in the html file, but it
>  > won't give the results i want. the table looks weird if i do that...
>  >
>  > I think the style suggestion is the way to go, but...now this turned
>  > into a style question!
>  > I hope you can still help me with that!
>  > so how do i specify the width of individual column in the style ?
> 
> Here's an example from my jsp:
> 
> <t:dataTable id="items" var="assignment"
>                 value="#{assignmentList.assignments}" 
> rowCountVar="rowsCount"
>                 headerClass="searchTable_Header" 
> footerClass="searchTable_Footer"
>                 
> columnClasses="searchTable_Column,searchTable_Column_Centered">
>                 <h:column>
>                         <f:facet name="header">
>                                 <h:outputText value="Patient Name" />
>                         </f:facet>
>                         <h:outputText value="#{assignment.contactName}" />
>                 </h:column>
>                 <h:column>
>                         <f:facet name="header">
>                                 <h:outputText value="Activity/Call" />
>                         </f:facet>
>                         <h:outputText 
> value="#{assignment.urlForDisplay}" />
>                 </h:column>
> </t:dataTable>
> 
> 
> My style sheet has:
> .searchTable_Column_Centered {
>         font-family : Arial, Helvetica, verdana, Geneva, sans-serif;
>         font-size: 12px;
>         background-color: #FFFFFF;
>     color: #000000;
>     padding: 2;
>     text-align: center;
>     border: none;
>         }
> .searchTable_Column {
>         font-family : Arial, Helvetica, verdana, Geneva, sans-serif;
>         font-size: 12px;
>         font-weight: bold;
>         background-color: #FFFFFF;
>     color: #000000;
>     padding: 2;
>     text-align: left;
>     border: none;
>         }
> 
> (You should be able to add something like width:760px above to get the 
> width you want).
> 
> And up top in my layout.jsp (I use tiles):
> 
> <link rel="stylesheet"
>                 href="<h:outputText 
> value="#{facesContext.externalContext.requestContextPath}/style/basic.css" 
> />" />
> 
> 
> Hth,
> Geeta


Geeta... thank you for your input one more time...
After some investigation, it seems this is not acheivable using stylesheets.
see this:

http://www.notestips.com/80256B3A007F2692/1/TAIO5WFG7K

and more specifically the part where it says:

"The problem is that this affects ALL cells, individual columns cannot 
be targeted. The solution is not inherently CSS based but HTML based, 
the way to solve this issue is by inserting the underused <colgroup> and 
<col> tags into the table markup."


So there is no way to control the column widths individually using the 
css style...
so we're back to square one... I have to do it using this approach:

     <colgroup>
         <col width="xxx">
         <col width="xxx">
     </colgroup>

So now i need to figure out how to get this to appear in my html table.
Any solution or work around is appreciated.

thanks


Mime
View raw message