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

  • Thread starter Thread starter henk gijsbert
  • Start date Start date
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
 
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
Click to expand...

Nobody an idea??
 
Back
Top