This is a migrated thread and some comments may be shown as answers.

DetailTable CSS Sort Images

1 Answer 67 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Joel Johnston
Top achievements
Rank 1
Joel Johnston asked on 05 Mar 2009, 03:29 PM
We have referenced the article "Different styles in each hierarchy level with skin applied" and have successfully changed the style of the DetailTable. However, the "Sort Ascending" and "Sort Descending" header images appear as placeholders with a blank image. How do we reference those images correctly in our style?

We currently have these styles:

 

.detailHeader

 

{

 

 

 

background: #3065AE !important;

 

 

 

font-size: 8pt !important;

 

 

 

color: white !important;

 

 

 

background-image:url('Grid/sprite.gif') !important;

 

 

 

}

 

 

 

 

.detailItem

 

 

 

{

 

 

 

background: #E8F0FA !important;

 

 

 

color: black !important;

 

 

  }

 

 

 

 


The detailHeader style tries to reference url('Grid/sprite.gif') as the background-image, but this isn't working correctly.

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 10 Mar 2009, 09:20 AM
Hello Joel,

Is there a particular reason that you set background-image for your grid headers with !important clause? Basically, if you do not change the sort asc/desc images for the column headers, they should remain the same.

If you explicitly want to set background-images for these elements, consider referencing them as external images extracting them from the /Skins sub-folder of the RadControls for ASP.NET AJAX installation folder (under the name of the corresponding skin). For your convenience I am attaching a couple of those images to this forum thread.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Grid
Asked by
Joel Johnston
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Share this question
or