Is there a document somewhere that summarizes Infragistics' stance on being cross-browser compatible? Or, maybe there's something that discusses "best practices" to creating a cross-browser site.
Here's my issue...
I'm building a new site using the (2011.1) WebDataMenu and WebDataGrid. Quite frankly, I'm disappointed in the their performance in different browsers.
Maybe I'm doing something wrong but when I run my app in Chrome or FireFox, there's plenty of rendering glitches. The menus don't display right or the grid behavior is different. They work great in IE, but as we all know, IE is no longer the only game in town.
I figured that these inconsistencies would have all been worked out in a seasoned commercial product and that the controls would render the same in all browsers especially since I'm only setting standard properties.
I keep reading posts on how to make (read trick) certain controls to render correctly in Chrome. End-users shouldn't have to deal with stuff like this in order to get the product to work as expected.
I bought Infragistics so I can drag a menu control onto a form and create a slick, nice-looking menu by setting just a few properties. This advantage (no pun intended) is greatly diminished if that menu doesn't quite work in Chrome or FireFox without hand-coding a bunch of obscure javascript tweaks.
Look, I understand the intricacies of writing html code that runs in all browsers; it’s a very tough thing to do. That’s why I, and thousands of others, turned to the experts.
I have a WebDataMenu in my site's Site.master file, with menu content from an xml file. It works great in IE 9, but in Chrome, it never shows any of the nested menu items.
Site.master =
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head runat="server"> <title>Scorecard Console</title> <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> <asp:ContentPlaceHolder ID="HeadContent" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form runat="server"> <div class="clear hideSkiplink"> <ig:WebDataMenu ID="WebDataMenuScorecard" runat="server" MaxDataBindDepth="-1" Width="100%" DataSourceID="MenuDataSource" ScrollingSpeed="Fast"> <GroupSettings Orientation="Horizontal" /> <DataBindings> <ig:DataMenuItemBinding DefaultText=" " TextField="Text" ValueField="Value" ImageUrlField="ImageUrl" NavigateUrlFields="URL" TargetField="_blank" ToolTipField="Text" /> </DataBindings> </ig:WebDataMenu> <asp:XmlDataSource runat="server" ID="MenuDataSource" XPath="/MenuData/SiteMenu/Menu" DataFile="~/App_Data/MenuData.xml" /> <div class="title"> <asp:Label ID="lblPageTitle" CssClass="titlebar" runat="server" Text=""> </asp:Label> </div> <div class="loginDisplay"> <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"> <AnonymousTemplate> [ <a href="~/Account/Login.aspx" id="HeadLoginStatus" runat="server">Log In</a> ] </AnonymousTemplate> <LoggedInTemplate> Welcome <span class="bold"> <asp:LoginName ID="HeadLoginName" runat="server" /> </span>! [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/" /> ] </LoggedInTemplate> </asp:LoginView> </div> </div> <div class="main"> <asp:ContentPlaceHolder ID="MainContent" runat="server" /> </div> <ig:WebScriptManager ID="WebScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Infragistics4.Web.v11.2, Version=11.2.20112.2055, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.SharedScripts.igDragDrop.js" /> <asp:ScriptReference Assembly="Infragistics4.Web.v11.2, Version=11.2.20112.2055, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.Scripts.5_igObjects.js" /> <asp:ScriptReference Assembly="Infragistics4.Web.v11.2, Version=11.2.20112.2055, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Name="Infragistics.Web.UI.SharedScripts.igAnimation.js" /> </Scripts> </ig:WebScriptManager> </form> </body> </html>
App_Data/MenuData.xml:
<?xml version="1.0" encoding="utf-8"?> <MenuData> <Menu ID="File" Value="File"> <Menu ID="New" Value="New" /> <Menu ID="Open" Value="Open"> <Menu ID="FileOne" Value="File 1" /> <Menu ID="FileTwo" Value="File 2" /> <Menu ID="FileThree" Value="File 3" /> </Menu> </Menu> <Menu ID="Edit" Value="Edit"> <Menu ID="Cut" Value="Cut" /> <Menu ID="Copy" Value="Copy" /> <Menu ID="Paste" Value="Paste" /> </Menu> <Menu ID="Help" Value="Help"> <Menu ID="Search" Value="Search" /> <Menu ID="Index" Value="Index" /> <Menu ID="About" Value="About" /> </Menu> <SiteMenu> <Menu Key="Home" Text="Home" Url="~/Default.aspx" Value="Home"> </Menu> <Menu Key="DataPoints" Text="DataPoints" ToolTip="Each Datapoint corresponds to one and only one survey question." Url="~/Grids/DataPoint.aspx" Value="DataPoints"> </Menu> <Menu Key="Institutions" Text="Institutions" ToolTip="Holding Companies, Banks and Credit Unions" Url="~/Grids/InstitutionList.aspx" Value="Institutions"> </Menu> <Menu Key="DataPoint Value Sets" Text="DataPoint Value Sets" ToolTip="A DataPoint Value Set is a set of one institution's answers to one survey's questions. ie, all of 1st National Bank's answers from the 2005 bank survey would be in one and only one DataPoint Value Set." Url="~/Grids/DataPointValueSet.aspx" Value="DataPoint Value Sets"> </Menu> <Menu Key="Survey" Text="Survey Responses" ToolTip="Web Surveys and Participants' Responses" Url="~/Grids/SurveyResponse.aspx" Value="Survey"> </Menu> <Menu Key="Ratios" Text="Ratios" ToolTip="Ratio Names, Formulas and Calculations" Url="~/Grids/Ratio.aspx" Value="Ratios"> </Menu> <Menu Key="Median Value Sets" Text="Median Value Sets" ToolTip="Median Value Sets" Value="Median Value Sets"> <Menu Key="Edit" Text="Edit" ToolTip="Edit" Url="~/Grids/MedianValueSet.aspx" Value="Edit" /> <Menu Key="Process" Text="Process" ToolTip="History of Data Adds, Changes and Deletes" Url="~/Grids/mvsProcess.aspx" Value="Process" /> </Menu> <Menu Key="Scorecard Data" Text="Scorecard Data" ToolTip="DataPoint and Ratio Values by Institution and Period" Value="Scorecard Data"> <Menu Key="One Value Per Row" Text="Scorecard Format: One DataPoint Value Set" ToolTip="Show data for one DataPoint Value Set" Url="~/Grids/ValueList.aspx" Value="One Value Per Row" /> <Menu Key="One Value Per Column" Text="Raw Data: Multiple DataPoint Value Sets" ToolTip="Show data for multiple DataPoint Value Sets" Url="~/Grids/DataPointRatioValue.aspx" Value="One Value Per Column" /> </Menu> <Menu Key="Update" Text="Update" ToolTip="Update and Recalculate DataPoint, Ratio and Median Values" Url="~/Tools/Update.aspx" Value="Update"> </Menu> <Menu Key="Tools" Text="Tools" ToolTip="Tools" Value="Tools"> <Menu Key="Admin" Text="Admin" ToolTip="Admin" Value="Admin"> <Menu Key="Manage Users" Text="Manage Users" ToolTip="Manage Users, Roles and Passwords" Url="~/Admin/ManageUsers4.aspx" Value="Manage Users" /> </Menu> <Menu Key="History" Text="History" ToolTip="History of Data Adds, Changes and Deletes" Url="~/Grids/History.aspx" Value="History" /> <Menu Key="Profile" Text="Profile" ToolTip="Manage your own user information" Value="Profile"> <Menu Key="Change Password" Text="Change Password" ToolTip="Change your own password" Url="~/Account_ChangePassword/ChangePassword.aspx" Value="Change Password" /> </Menu> <Menu Key="Select" Text="Select" ToolTip="Execute a Database Select Statement" Url="~/Tools/Select.aspx" Value="Select" /> <Menu Key="About" Text="About" ToolTip="Get version number and build date" Url="~/About.aspx" Value="About" /> </Menu> </SiteMenu> </MenuData>
on 02/08/12 [Infragistics] Hristo Valyavicharski said "WebDataMenu supports Chrome 16 and Firefox 8." And he requested that I send a sample app so he could reproduce my problem.
Does that mean it doesn't support FireFox 10 or Google 17?
Spending my time to create a sample app to help Infragistics debug their product is not high on my priority list, but I attached a photo that shows the WebDataMenu on a site I developed in IE 9, Chrome 17, and FireFox 10.
The WebDataMenu works correctly in IE9;
It appears on the page in Chrome 17, but the nested menu items don't appear at all.
In FireFox 10, the WebDataMenu is not even visible on the page!
I understand that some bugs are hard to reproduce, and that no developer can fix a bug that he can't reproduce. But when my WebDataMenu is not even visible when I open my working web site in FireFox 10, that seems like a basic problem, and it's hard to believe you really need my help to reproduce it.
Do you really think I've used the WebDataMenu in such an uncommon way that I've exposed an obscure defect that's hard to reproduce, and not affecting any other customer?