[Solved] FilterTemplate with RadComboBox issue in Chrome and Firefox

[Ahmed]

Hello,

Please have a look at the following code:

<telerik:GridTemplateColumn HeaderText="Update" ItemStyle-Width="8%">
    <FilterTemplate>
        <div class="filter-wrapper">
            <div>
                <telerik:RadComboBox runat="server" ID="ddlUpdateFilter" AutoPostBack="true"
                    OnSelectedIndexChanged="ddlUpdateFilter_SelectedIndexChanged" MarkFirstMatch="true"
                    AllowCustomText="true" ShowToggleImage="false" Width="70px">
                </telerik:RadComboBox>
                <img src="../Resources/Common/filter.png" runat="server" id="imgUpdateFilter"
                    alt="filter" />
                <asp:ImageButton runat="server" ID="imgClearUpdateFilter" ImageUrl="~/Resources/Common/clear-filter.gif"
                    CommandName="ClearFilter" />
            </div>
        </div>
    </FilterTemplate>
    <ItemTemplate>
        <asp:CheckBox runat="server" ID="chkEdit" Enabled="false" />
    </ItemTemplate>
</telerik:GridTemplateColumn>

 I have a TemplateColumn in which I'm using FilterTemplate to apply filter on this column. The functionality is working fine in IE but when I open my page on Firefox or Chrome, all the columns having FilterTemplate become so wide that the grid blows off the page to the right. Once I write AllowFiltering="false" for that column, the column width comes back but obviously filtering is gone too.

A quick response in this regard will be highly appreciated.

Thanks.

~Ahmed

[Marin]

Hello Ahmed,

 There is probably an issue with the width of the controls in the filter template. You should check if your custom css class filter-wrapper sets width or any other styles that can cause this appearance. You can also try the filter template without the RadComboBox to see if the issue is related to this particular control. normally the column width is restricted by setting its HeaderStyle-Width property to the desired value, you can try that too to see if it makes a difference.

Regards,
Marin
the Telerik team