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

Need to remove the up/down arrow sorting images

3 Answers 765 Views
Grid
This is a migrated thread and some comments may be shown as answers.
naimish
Top achievements
Rank 1
naimish asked on 29 Oct 2010, 08:20 AM

Hi All,

we are using RAdgrid for displaying data, the grid uses custom skin, due to that we are not able to
see the sorting up/down images while sorting.

We want either completely remove that images or they should display while sorting.

We tried but did not get any solution to change in the CSS class.

Please help me.

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 29 Oct 2010, 09:33 AM
Hello Naimish,

>> "the grid uses custom skin, due to that we are not able to see the sorting up/down images while sorting."

Probably the styles for the sort indicators are not correct. Check the styles for the rgSortAsc and rgSortDesc CSS classes. If they use separate non-sprite background images, make sure that the background position style is "0 0" or "center center" and that the CSS specificity is high enough. Use Firebug to track the issue directly in the browser.

You can also refer to the following forum thread for more ways to set sort images:

http://www.telerik.com/community/forums/aspnet-ajax/grid/column-sort-icon-not-changing.aspx

You can remove the sort arrows like this, but I advise you to find out why they do not appear:

.rgSortAsc,
.rgSortDesc
{
      display: none !important;
}

Kind regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
naimish
Top achievements
Rank 1
answered on 31 Oct 2010, 07:08 AM

Hi,

If i am not wrong, the given css class is for hiding the images not for removing images.


 .rgSortAsc,
.rgSortDesc
{
      display: none !important; 


I wanted to remove these images, even i tried to do by programtically but not able to display images.

protected void rgrid_ColumnCreated(object source, GridColumnCreatedEventArgs e)
{
    e.Column.SortAscImageUrl = "Grid/Skins/SortAsc.gif";
    e.Column.SortDescImageUrl = "Grid/Skins/SortDesc.gif";
}
0
Accepted
Dimo
Telerik team
answered on 01 Nov 2010, 08:05 AM
Hello Naimish,

Yes, you can use the following column property to *remove* the sort images:

<telerik:GridBoundColumn  ShowSortIcon="false"  />

Greetings,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
naimish
Top achievements
Rank 1
Answers by
Dimo
Telerik team
naimish
Top achievements
Rank 1
Share this question
or