You are welcome. To take it one step further if you use a light color
for the top border and a dark color for the bottom border on the odd
and even styles, the rows will look raised and then reverse it on the
mouseover style it will look like it sinks in. Below is an example.
Have a good one. I am really enjoying this product!
---------------------------------------------------------
.even td {
background-color: #007131;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 1px;
border-bottom: 1px solid Black;
border-top : 1px solid #99CCCC;
}
.odd td {
background-color: #669966;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 1px;
border-bottom: 1px solid Black;
border-top : 1px solid #99CCCC;
}
.rowover td {
background-color: #CC6633;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 1px;
border-bottom: 1px solid #999900;
border-top : 1px solid Black;
}
On Tue, 01 Feb 2005 21:23:29 -0500, Jeff Fleitz <[EMAIL PROTECTED]> wrote:
> This is really cool, Dirk.
>
> Thanks.
>
> Jeff
>
>
> Dirk Marshall wrote:
> > I noticed that a way had been included to alternate the row colors but
> > not one to highlight the row on mouseover so I added one variable and
> > changed 2 lines of code in the displaylist.cfm custom tag added a
> > style and set it up. I thought I would pass it along if you want to
> > include it in the app cool, if not it might be handy for Plum users.
> >
> > I have attached a text file with the changes.
> >
> >
> > ------------------------------------------------------------------------
> >
> > <cfparam name="Application.Formatting.RowMouseOver" default="rowover">
> >
> > Line 733
> >
> > <cfoutput><tr
> > class="#Application.Formatting.AlternateRowShading(currentRow)#"
> > onMouseOver="this.className='#Application.Formatting.RowMouseOver#'"
> > onMouseOut="this.className='#Application.Formatting.AlternateRowShading(currentRow)#'"></cfoutput>
> >
> > Line 978
> >
> > <tr
> > class="#Application.Formatting.AlternateRowShading(currentRow)#"
> > onMouseOver="this.className='#Application.Formatting.RowMouseOver#'"
> > onMouseOut="this.className='#Application.Formatting.AlternateRowShading(currentRow)#'">
> >
> > Style
> >
> > .rowover td {
> > background-color: #CC6633;
> > padding-top: 1px;
> > padding-right: 6px;
> > padding-bottom: 2px;
> > padding-left: 1px;
> > border-bottom: 1px solid Black;
> > }
>
> **********************************************************************
> You can subscribe to and unsubscribe from lists, and you can change
> your subscriptions between normal and digest modes here:
>
> http://www.productivityenhancement.com/support/DiscussionListsForm.cfm
> **********************************************************************
>
**********************************************************************
You can subscribe to and unsubscribe from lists, and you can change
your subscriptions between normal and digest modes here:
http://www.productivityenhancement.com/support/DiscussionListsForm.cfm
**********************************************************************
