Tom I tried this out, and I am able to get some styles to work for the
3 tags you mentioned.

However, in order to change the look of the forward/beginning links
when viewing the first page, I think I will have to somehow override
the html for the TablePages component.  Even just wrapping the
indivdual elements in spans or divs should be sufficient, so that the
CSS can hook into each of the available links.

I guess for now I can repack the modified html into the contrib jar,
unless there is a way to make the tableview component use a different
html template for TablePages.

Daniel

On 2/12/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
Hi Daniel,

Did you already set a binding for the "pagesClass" attribute in your
table component?

For example,
<component id="table" type="DoublePageLinkTable">
 <binding name="source" value="source"/>
 <binding name="rowsClass" value="beans.evenOdd.next"/>
 <binding name="pagesClass" value="literal:pager"/>
 ...


Then your style sheet can start talking about "pager", like so:
.pager {
   display: block;
   text-align: center;
   margin-bottom: .25em;
}
.pager b, .pager a {
   margin-left: .10em;
   margin-right: .10em;
}

Hope that helps,
Tom

-----Original Message-----
From: Daniel Jue [mailto:[EMAIL PROTECTED]
Sent: Friday, February 09, 2007 2:22 PM
To: Tapestry users
Subject: Re: How to customize the look of Contib TablePages subcomponent

Thanks Daniel,  While everything you mentioned is true, I was really
referring to the "@Contrib:TablePages" sub component, which is the
part that displays the page numbers and forward /  backward buttons.
i.e.

<<  <  1  2  3  4  5  >  >>

It is usually at the bottom of a regular form, but you get to insert
it directly when you use Contrib:TableView

Right now they are function, but ugly, text.  I'd like to give them
some CSS attributes to make it match the rest of my app.

Dan

On 2/9/07, Daniel Tabuenca <[EMAIL PROTECTED]> wrote:
> If you want to customize how a cell is rendered. You can use a block
> component with the magic id of  "column id"+ ColumnValue. So if your
> column definition is something like "myColumn:My Column" then having
> something like
>
> <td jwcid="[EMAIL PROTECTED]"></td>
>
> will cause it to be used to render the column.This is described here:
>
>
http://tapestry.apache.org/tapestry4.1/tapestry-contrib/componentreferen
ce/tableview.html
>
> under "defining columns"
>
>
> On 2/9/07, Daniel Jue <[EMAIL PROTECTED]> wrote:
> > Hi,
> >
> > Unlike a previous thread, I am only trying to tap into the
TablePages
> > subcomponent to add some css tags to the numbers and links.  I
looked
> > at the source for TablePages, but there doesn't seem to be anything
> > there related to the way it's rendered in html.
> >
> > Is this possible do to without rewriting/extending the TablePages
component?
> >
> > Dan
> >
> >
---------------------------------------------------------------------
> > To unsubscribe, e-mail: [EMAIL PROTECTED]
> > For additional commands, e-mail: [EMAIL PROTECTED]
> >
> >
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to