RE: [Trinidad] How to skin tr:table

[Perkins, Nate-P63196]

Have you tried to set the width attribute of the tr:table to 100%?  I
think that will occur on the outer table. 


Nate Perkins
480-441-3667
[EMAIL PROTECTED]

>This email message is for the sole use of the intended recipient(s) and
may contain GDC4S
> confidential or privileged information. Any unauthorized review, use,
disclosure or distribution
> is prohibited. If you are not an intended recipient, please contact
the sender by reply email and
> destroy all copies of the original message.
>

-----Original Message-----
From: Chris Hane [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, August 22, 2007 12:38 PM
To: MyFaces Discussion
Subject: Re: [Trinidad] How to skin tr:table

Here is the HTML that is generated (edited for readability?):


<div id="tbl_paymethod">
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tbody>
    <tr>
       <td>
          <table width="100%" cellspacing="0" cellpadding="1" border="0"
                              class="af_table_content">
             <tbody>
              <tr>
                <th class="af_column_header-text OraTableBorder0001"
                    scope="col">Card Name
                </th>
              </tr>
              <tr>
                 <td>VANNA WHITE</td>
              </tr>
            </tbody>
          </table>
       </td>
    </tr>
</tbody>
</table>
</div>


I noticed that two tables are created.  The inner one contains that
correct 
skin: af_table_content.  It is the outer one that I need to set the
"width: 
100%" on.

Is this possible?

I can't seem to figure out which component is generating the second,
outer 
table.

Thanks,
Chris....

Chris Hane wrote:
> Is it possible to skin tr:table?
> 
> When a tr:table is rendered, should it add the 
> class="af_table_content"?  I expected that class to be added to the 
> component - but it is not added.
> 
> I am trying to add "width: 100%" to some tables (and not others).
> 
> Thoughts?
> 
> I am using trinidad 1.0.0.
> 
> I have the following snippet:
> 
> <tr:panelGroupLayout layout="vertical">
>    <tr:panelHorizontalLayout>
>       <f:facet name="separator"><tr:spacer width="8px"/></f:facet>
>       <tr:panelHeader text="Credit Cards"/>
>       <tr:panelButtonBar>
>          <tr:commandLink action="#{editor.new}" value="Add">
>       </tr:panelButtonBar>
>    </tr:panelHorizontalLayout>
>    <tr:table var="pm"
>              value="#{cards}"
>              id="tbl_paymethod">
>       <tr:column headerText="Card Name">
>          <tr:outputText value="#{pm.name}"/>
>       </tr:column>
>    </tr:table>
> </tr:panelGroupLayout>
> 
> Chris....
>