His example is easy to understand and even easier to install. Actually I didn't like the style used for highlighting the table rows, so I decided to edit it a bit. It's easy to do and you can do it by yourself easily.
I did the following steps (first you need to install the TableRow Highlight extension and enable the feature on the sites of course)
1. I made a copy of the picture ApplyFiltersHoverOver.jpg (12-hive\TEMPLATES\IMAGES) and named it TableRowHighlight.jpg and I adjust is a bit. I removed the last row of pixels because of the different color so it will look better later on.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwH71vyR7zbkKn52jx9Qw-hZLJO_Q43sUhc3Myx4sQVEUZBbFue0IRpZIEMvwiuya18oNPsYQeFvCGr_HTnIhNpvQXdoRSFR2_CCioka4zZyyP0L771FKmeBGsnaGasHcgvdGExwtEsla/s320/TableRowHighlight.jpg)
2. I opened the SmartTools.TableRowHighlight.ascx at 12-hive\TEMPLATE\LAYOUTS\SmartTools.TableRowHighlight in a text editor and I changed the style to the following:
.SmartToolsRowHighlight {
background-color: #F7DAA0;
background-repeat: repeat-x;
background-image: url('/_layouts/images/TableRowHighlight.jpg');
}
3. That's all. Now it will looks like this:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHa1HJppEJ4POBaNkkEOuposV_laV9MmnBRgQOSi1wdrhs5iXyfESuJ_bIyJN0Benm8itiWpMWTDQMyKBkA9VZwYJUuAzzUKMl224v0z83k4E6plTtsKmoOVq60dnZbWS4qFLLnvUSdMae/s320/TableRowHighlightSample1.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2o3U9rjlhSv0wsum29B8dNFNZH2hJz1xgciLyGOiBjJDxcwPNIFPLcafX1qs47YCAm2VbG7SDxlRVR7ErdTgmrshnxNu8_loYyyXSd9rw0_g-L6jWcaorgR_XKcXQOQjaF1-ydvDOiKWM/s320/TableRowHighlightSample2.jpg)
No comments:
Post a Comment