How do I get an asp.net gridview row with rounded corners?

H

henk gijsbert

Hi asp.net people,

I have to implement a look and feel for a asp.net gridview where on
hovering a row, it should be highlighted with a (gradient) bar with
round corners. I have come as far as to highlight it with a gadient
bar, but unto now without the round corners as follows: I made an
image with the gradient and use a using a style sheet tot repeat that
image in horizontal direction (repeat-x) accros the cells of the row:

..grid .datatable .row:hover
{
background-position:center;
background-repeat:repeat-x;
background-image:url(../img/hover.png);
}

To add the rounded corners I have made images hoverFirst.png and
hoverLast.png with the rounded corners for respectively the left and
right ends of the highlighting bar. But now I'm stuck: I do not know
how to insert them at the beginning and the end of the bar. When I
place hoverFirst.png in cell[0] it should not repeat but placed only
once and the rest of the cell should be filled with the image
hover.png, that is without the round corners.

How can I accomplish this?

Any other technique to get rounded corners for highlighting a gridview
row are also very welcome.

Regards,
Henk
 
H

henk gijsbert

Hi asp.net people,

I have to implement a look and feel for a asp.net gridview where on
hovering a row, it should be highlighted with a (gradient) bar with
round corners. I have come as far as to highlight it with a gadient
bar, but unto now without the round corners as follows: I made an
image with the gradient and use a using a style sheet tot repeat that
image in horizontal direction (repeat-x) accros the cells of the row:

.grid .datatable .row:hover
{
    background-position:center;
        background-repeat:repeat-x;
        background-image:url(../img/hover.png);

}

To add the rounded corners I have made images hoverFirst.png and
hoverLast.png with the rounded corners for respectively the left and
right ends of the highlighting bar. But now I'm stuck: I do not know
how to insert them at the beginning and the end of the bar. When I
place hoverFirst.png in cell[0] it should not repeat but placed only
once and the rest of the cell should be filled with the image
hover.png, that is without the round corners.

How can I accomplish this?

Any other technique to get rounded corners for highlighting a gridview
row are also very welcome.

Regards,
Henk

Nobody an idea??
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,743
Messages
2,569,478
Members
44,898
Latest member
BlairH7607

Latest Threads

Top