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

Filtering Template Columns And Chrome

6 Answers 185 Views

Grid

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

6 Answers, 1 is accepted

answered on 04 Jun 2010, 09:28 AM

chrome.JPG

ff.JPG

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

answered on 07 Jun 2010, 11:12 AM

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.

answered on 07 Jun 2010, 01:17 PM

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>

answered on 08 Jun 2010, 04:28 PM

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

answered on 27 Jul 2010, 08:09 AM

filteringtemplatecolumns-modified.zip

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