Filter icon on filtered columns

[Daniel]

Hi

 

I'm trying to get a filter icon indicating which column(s) that has a filter. I set the ShowFilterIcon, FilterImageUrl and FilterItemStyle properties but there seems to bee no effect...

 

My set up looks like this:

 

<telerik:RadGrid  runat="server" ID="gvCustomerProspects" OnNeedDataSource="gvCustomerProspects_OnNeedDataSource" OnItemCommand="gvCustomerProspects_OnItemCommand" OnItemDataBound="gvCustomerProspects_OnItemDataBound">

                        <FilterItemStyle CssClass="test" BackColor="red"></FilterItemStyle>

                        <MasterTableView DataKeyNames="CustomerId">

                                    <Columns>

                                                <telerik:GridBoundColumn HeaderText="Prospect" FilterImageUrl="~/Images/Layout/Icons/Open16.png" ShowFilterIcon="True" DataField="CustomerCompanyName" SortExpression="CustomerCompanyName" />

                <telerik:GridBoundColumn HeaderText="Sales Phase" DataField="SalesPhase" SortExpression="SalesPhase" />
                <telerik:GridBoundColumn HeaderText="Sales Probability" DataField="SalesProbabilityFormatted" SortExpression="SalesProbability" />
                <telerik:GridBoundColumn HeaderText="Category" DataField="Category" SortExpression="Category" />
                <telerik:GridBoundColumn HeaderText="Account Manager" DataField="AccountManagerName" SortExpression="AccountManagerName" />
                <telerik:GridButtonColumn
                    ButtonType="ImageButton"
                    ImageUrl="/Images/Layout/Icons/Transparent1x1.png"
                    CommandName="EditProspect"
                    Text="Open"
                    UniqueName="EditColumn"
                    ButtonCssClass="gridOpen"
                    HeaderStyle-Width="30">
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn
                    ConfirmText="Delete this prospect?"
                    ConfirmDialogType="RadWindow"
                    ConfirmTitle="Delete"
                    ButtonType="ImageButton"
                    ImageUrl="/Images/Layout/Icons/Transparent1x1.png"
                    CommandName="DeleteProspect"
                    Text="Delete"
                    UniqueName="DeleteColumn"
                    ButtonCssClass="gridDelete"
                    HeaderStyle-Width="30">
                </telerik:GridButtonColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

 

 

The following properties are set in code behind

 

                                    Skin = "Black";

                                    EnableEmbeddedSkins = true;

                                    AutoGenerateColumns = false;

                                    EnableHeaderContextMenu = true;

                                    GroupingEnabled = true;

                                    AllowMultiRowSelection = true;

                                    AllowSorting = true;

                                    AllowPaging = true;

                                    EnableHeaderContextAggregatesMenu = true;

                                    EnableHeaderContextFilterMenu = true;

                                    AllowFilteringByColumn = true;

 

                                    CssClass = "thRadGrid";

 

                                    GroupingSettings.ShowUnGroupButton = true;

 

                                    ClientSettings.EnablePostBackOnRowClick = false;

                                    ClientSettings.AllowExpandCollapse = false;

                                    ClientSettings.AllowColumnsReorder = true;

                                    ClientSettings.ReorderColumnsOnClient = true;

                                    ClientSettings.ColumnsReorderMethod = GridClientSettings.GridColumnsReorderMethod.Reorder;

 

                                    ClientSettings.Selecting.AllowRowSelect = true;

                                    ClientSettings.Selecting.UseClientSelectColumnOnly = true;

 

                                    ClientSettings.Resizing.AllowResizeToFit = true;

                                    ClientSettings.Resizing.AllowRowResize = true;

                                    ClientSettings.Resizing.EnableRealTimeResize = true;

                                    ClientSettings.Resizing.ResizeGridOnColumnResize = false;

                                    ClientSettings.Resizing.AllowColumnResize = true;

 

                                    MasterTableView.ShowFooter = true;

                                    //MasterTableView.PageSize = 100;

                                    MasterTableView.GroupLoadMode = GridGroupLoadMode.Server;

                                    MasterTableView.ShowHeadersWhenNoRecords = true;

                                    MasterTableView.ShowGroupFooter = true;

                                    MasterTableView.IsFilterItemExpanded = false;

 

                                    MasterTableView.CommandItemDisplay = GridCommandItemDisplay.None;

 

                                    ExportSettings.ExportOnlyData = true;

                                    ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML;

                                    ExportSettings.IgnorePaging = true;

                                    MasterTableView.UseAllDataFields = true;

                                    ExportSettings.OpenInNewWindow = true;

[Shinu]

Hi,

Please try removing the property IsFilterItemExpanded = false or set it true to see the filter icon.

C#:

gvCustomerProspects.MasterTableView.IsFilterItemExpanded = true;

Thanks,
Shinu.