Filtering Template Columns And Chrome

[Maarten Alleman]

Greetings,

i am using the demo "Filtering Template Columns", it works great in IE and Firefox and i am very happy with it. however in chrome it doesn't work at all. how can i fix this?

[Maarten Alleman]

To show you what i mean here are 2 screenshots one of them is in Firefox and the other in Chrome.

[Martin]

Hello Maarten Alleman,

I have tested the referenced demo in Chrome (version 5.0.375.55) and it works as expected on my side.

Could you please verify what you mean with "however in chrome it doesn't work at all" ? Is it the filtering functionality that does not work, or do you get any other type of issues? (the attached images show some layout glitches only). You can also open a formal support ticket and send us a small sample project that demonstrates your scenario and the issues you get. This way we would be able to debug the project locally and provide you with more to-the-point resolution.

Regards,
Martin
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.

[Maarten Alleman]

Greetings,

in Chrome the filtering with the custom template column doesn't work and i get major layout glitches.
this is the usercode i use

    <h1>Informatie over deze pagina</h1>
    <div class="pageComments">
        Hieronder vindt u een overzicht van de beschikbare producten van uw webshop. U kunt eventueel filteren op actieve en non-actieve producten. Met behulp van de actie iconen kunt u een product wijzigen, verwijderen, SEO instellen, afbeeldingen uploaden of de Details bekijken. Met behulp van de Detailpagina kunt u eventueel gerelateerde producten selecteren en/of modellen van een product invoeren.

    </div>

    <div class="gridControls">
        <asp:HyperLink ToolTip="Product toevoegen" runat="server" ID="hypaddcate" NavigateUrl="~/Content/Product/AddEdit_Product.aspx"><asp:Image runat="server"  ImageUrl="~/Images/AddRecord.gif" /> Product toevoegen</asp:HyperLink>
        <asp:DropDownList AutoPostBack="true" runat="server" ID="Active" OnSelectedIndexChanged="Itemselect" CssClass="dropDownRight">
            <asp:ListItem Value="Active" Selected="True" >Alleen actieve producten laten zien</asp:ListItem>
            <asp:ListItem Value="Inactive">Alleen inactieve producten laten zien</asp:ListItem>
            <asp:ListItem Value="Both">Actieve en inactieve producten laten zien</asp:ListItem>
        </asp:DropDownList>
    </div>
    <telerik:RadGrid AllowPaging="true" PageSize="20" SortingSettings-SortToolTip="Klik hier om te sorteeren" ID="RadGrid1" runat="server" EnableEmbeddedSkins="False" Skin="ABCustom" AutoGenerateColumns="false" AllowSorting="true" AllowFilteringByColumn="true" OnItemDataBound="RadGrid1_ItemCommand" OnInsertCommand="RadGrid1_InsertCommand" OnUpdateCommand="RadGrid1_UpdateCommand" OnNeedDataSource="RadGrid1_NeedDataSource" >
        <MasterTableView  DataKeyNames="Id" InsertItemDisplay="Top">
            <Columns>
                <telerik:GridBoundColumn UniqueName="ID" HeaderText="ID" DataField="ID" SortExpression="ID" Visible="False" ReadOnly="true" />
                <telerik:GridBoundColumn UniqueName="Name" FilterControlWidth="300"  HeaderText="Naam" DataField="Name" SortExpression="Name" />
                <telerik:GridTemplateColumn Visible="false" UniqueName="Specifications" HeaderText="Specificaties" DataField="Specifications" SortExpression="Specifications" >
                    <EditItemTemplate>
                        <telerik:RadEditor ID="EditorSpecification" runat="server" Content='<%# Bind("Specifications") %>'  />
                    </EditItemTemplate>
                </telerik:GridTemplateColumn>
                <custom:DropDownColumn UniqueName="CategoryName" FilterControlWidth="180px" HeaderText="Categorie" DataField="CategoryName"  SortExpression="CategoryName" >
                <headerstyle width="25%" />
                        <itemtemplate>
                           <%# Eval("CategoryName") %>
                        </itemtemplate>
                </custom:DropDownColumn>
                <telerik:GridBoundColumn  UniqueName="ProductNumber" FilterControlWidth="130" HeaderText="Nummer" DataField="ProductNumber" SortExpression="ProductNumber" />
                <telerik:GridTemplateColumn HeaderText="Acties"  AllowFiltering="false" UniqueName="Actions" >
                    <ItemTemplate>
                        <asp:HyperLink runat="server" ID="Detailsbutton" ToolTip="Details" NavigateUrl='<%# Eval("ID", "~/Content/Product/DetailsPage.aspx?ProductId={0}") %>' ><asp:Image ID="Image4" ImageUrl="~/Images/Search.png" CssClass="ProductActionBttns" runat="server" /></asp:HyperLink>
                        <asp:HyperLink runat="server" ID="Imagebutton" ToolTip="Afbeeldingen" NavigateUrl='<%# Eval("ID", "~/Content/Product/AddEdit_ProductImage.aspx?ProductId={0}") %>' ><asp:Image ID="Image5" ImageUrl="~/Images/Image.gif" CssClass="ProductActionBttns" runat="server" /></asp:HyperLink>
                        <asp:HyperLink runat="server" ID="_hypRating" ToolTip="Beoordeling" NavigateUrl='<%# Eval("ID", "~/Content/Product/AddEdit_ProductRating.aspx?ProductId={0}") %>' ><asp:Image ID="Image3" ImageUrl="~/Images/RatingStar.png" CssClass="ProductActionBttns" runat="server" /></asp:HyperLink> <br />
                        <asp:HyperLink runat="server" ID="edit" NavigateUrl='<%# Eval("ID", "~/Content/Product/AddEdit_Product.aspx?ProductId={0}") %>' ToolTip="Aanpassen" CssClass="ProductActionBttns" CausesValidation="false"><asp:Image CssClass="ProductActionBttns" ImageUrl="~/Images/Edit.gif" runat="server" /></asp:HyperLink>
                        <asp:HyperLink runat="server" ID="SEO" ToolTip="SEO" NavigateUrl='<%# Eval("ID", "~/Content/Product/AddSEO.aspx?SeoID={0}") %>' ><asp:Image CssClass="ProductActionBttns" ID="Image1" ImageUrl="~/Images/seo.gif" runat="server" /></asp:HyperLink>
                        <asp:HyperLink runat="server" ID="HyperLink1" ToolTip="Downloads" NavigateUrl='<%# Eval("ID", "~/Content/Product/AddEdit_ProductDownload.aspx?p={0}") %>' ><asp:Image ID="Image2" ImageUrl="~/Images/pdf-icon.gif" CssClass="ProductActionBttns" runat="server" /></asp:HyperLink>
                        <asp:ImageButton runat="server" ID="delete" ImageUrl="~/Images/delete.png" OnCommand="btnDelete_OnClick" CommandArgument='<%# Eval("ID") %>' ToolTip="Verwijderen" OnClientClick="return confirm('Weet u zeker dat u dit producten wilt verwijderen?');" CssClass="ProductActionBttns" CausesValidation="false" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

[Martin]

Hello Maarten Alleman,

I have reviewed your code and it looks fine to me. However to build a runnable project based on it I would need the code of your custom template column. I have also noticed that you use a custom skin for your grid. Could you please verify whether using one of the embedded skins rectifies the issues you have reported? You can also open a formal support ticket and send me a small runnable demo that I could debug locally. This way I would be able to provide you with more to-the-point resolution.

Regards,
Martin
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.

[Fred]

Hello,

 

I have the same problem as Maarten, but only when the TableLayout property of MasterTableView is not set or set to Auto.

 

When it's set to Fixed, it works fine.

 

So Maarten, maybe you could fix your problem by adding and setting this property in your code:

<MasterTableView  DataKeyNames="Id" InsertItemDisplay="Top" TableLayout="Fixed"> 

But there's definitively an issue when the TableLayout is not Fixed.

Fred

[Martin]

Hello Fred,

You can use TableLayout="Auto" with the online demo referenced by Maarten. However the 100% setting of the custom column combo should be voided. I have attached a modified version of the online demo example that reflect this change and runs as expected.

I have also forwarded your report to our online examples team and was assured that their next upload will have the above modification applied.

Sincerely yours,
Martin
the Telerik team