Need to remove the up/down arrow sorting images

[naimish]

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.

[Dimo]

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

[naimish]

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";

}

[Dimo]

Hello Naimish,

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

<telerik:GridBoundColumn  ShowSortIcon="false"  />

Greetings,
Dimo
the Telerik team