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

RadGrid HeaderContextMenu location problem in Chrome

1 Answer 48 Views
Grid
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 04 Feb 2014, 06:24 PM
I have a custom module Inside of DNN professional, using a RadGrid.  When right clicking the header context menu in Chrome (version 32), the menu does not pop up in the correct location.  It works fine in IE and Firefox. I would like it to be connected to the mouse click location, but it isn't.  When scrolled up on the page, the menu pops up towards the bottom. Has anyone else had this trouble and know how it can be fixed?

ASPX code:

 <telerik:RadGrid runat="server" ID="rgCloseWorkOrder"  AllowSorting="True" PageSize="20" AllowPaging="True" GridLines="None" EnableLinqExpressions="false" AllowMultiRowEdit="false"
            Skin="Hay" EnableAjaxSkinRendering="true"  EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" MasterTableView-ClientDataKeyNames="WorkOrderID"
            OnItemDataBound="rgWorkOrder_ItemDataBound" OnNeedDataSource="rgCloseWorkOrder_NeedDataSource"   OnItemCommand="rgCloseWorkOrder_ItemCommand"
            OnSortCommand="rgCloseWorkOrder_SortCommand" OnPreRender="rgCloseWorkOrder_PreRender">
            <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
            <GroupingSettings CaseSensitive="false" />
            <ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true" FileName="ExportedClosedWorkFlows" />
            <ClientSettings AllowExpandCollapse="True" ClientEvents-OnColumnHidden="rgCWorkOrder_ColumnHidden" ClientEvents-OnColumnShown="rgCWorkOrder_ColumnShown">
                <Resizing AllowColumnResize="true" AllowResizeToFit="true" ClipCellContentOnResize="false" EnableRealTimeResize="true" AllowRowResize="true"
                    ResizeGridOnColumnResize="true" />                
            </ClientSettings>
            <MasterTableView AutoGenerateColumns="false" EditMode="EditForms" AllowFilteringByColumn="true" ShowFooter="true" TableLayout="Auto" HierarchyLoadMode="Client"
                NoDetailRecordsText="No Items Found" AllowNaturalSort="true"  AllowMultiColumnSorting="true" CommandItemDisplay="Top" CssClass="closeWorkOrder">
                <CommandItemTemplate>
                    <span style="font-weight: 700; padding: 3px 0 3px 5px; line-height: 23px">To create work order, please go to the Accounts screen and select an account.</span>
                </CommandItemTemplate>
                <DetailTables>
                    <telerik:GridTableView DataKeyNames="WorkOrderID" runat="server" DataMember="WorkOrderID" AllowPaging="false" EnableHeaderContextMenu="false"
                        EnableHeaderContextFilterMenu="false" AllowFilteringByColumn="false" AllowSorting="false" GridLines="None" AutoGenerateColumns="false"
                        IsFilterItemExpanded="false" TableLayout="Auto" HierarchyLoadMode="ServerBind" ShowFooter="false" AllowCustomSorting="false" AllowNaturalSort="false">
                        <ParentTableRelation>
                            <telerik:GridRelationFields DetailKeyField="WorkOrderID" MasterKeyField="WorkOrderID" />
                        </ParentTableRelation>
                        <Columns>
                            <telerik:GridHyperLinkColumn HeaderText="Comment" DataTextField="Details" SortExpression="Details" UniqueName="Details" AutoPostBackOnFilter="false" />
                        </Columns>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns>
                    <telerik:GridBoundColumn DataField="ServiceRequestNumber" FilterControlWidth="30px" HeaderText="Service Req No." SortExpression="ServiceRequestNumber"
                        UniqueName="ServiceRequestNumber" AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="ServiceNumber" HeaderText="Customer No." FilterControlWidth="30px" SortExpression="ServiceNumber" UniqueName="ServiceNumber"
                        AutoPostBackOnFilter="true" DataType="System.Int64" FilterListOptions="VaryByDataType" />
                    <telerik:GridBoundColumn DataField="PropertyDataMap" FilterControlWidth="30px" HeaderText="Route" SortExpression="PropertyDataMap" UniqueName="PropertyDataMap" Display="true"
                        AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="WorkOrderStatusCode" HeaderText="Status" UniqueName="WorkOrderStatusCode" Visible="false" />
                    <telerik:GridBoundColumn DataField="ServiceCode" FilterControlWidth="30px" HeaderText="Service Code" SortExpression="ServiceCode" UniqueName="ServiceCode" AutoPostBackOnFilter="true" Display="false" />
                    <telerik:GridBoundColumn DataField="Address" FilterControlWidth="40px" HeaderText="Address" SortExpression="Address" UniqueName="Address" AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="City" FilterControlWidth="30px" HeaderText="City" SortExpression="City" UniqueName="City" AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="State" FilterControlWidth="30px" HeaderText="State" SortExpression="State" UniqueName="State" Display="true" AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="Zip" FilterControlWidth="30px" HeaderText="Zip" SortExpression="Zip" UniqueName="Zip" Display="true" AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="CustomerPhoneNumber" FilterControlWidth="30px" HeaderText="Phone No." SortExpression="CustomerPhoneNumber" UniqueName="CustomerPhoneNumber" Display="false"
                        AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="ItemTypeCode" FilterControlWidth="30px" HeaderText="Item" SortExpression="ItemTypeCode" UniqueName="ItemTypeCode" Display="false" AutoPostBackOnFilter="true" />
                    <telerik:GridDateTimeColumn DataField="RequestedDate" HeaderText="Completion Date" FilterControlWidth="80px" ItemStyle-Width="150px" SortExpression="RequestedDate" UniqueName="RequestedDate" DataType="System.DateTime" DataFormatString="{0:MM/dd/yyyy}"
                        FilterDateFormat="MM/dd/yyyy" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType" Resizable="true" />
                    <telerik:GridDateTimeColumn DataField="DueDate" HeaderText="Due Date" FilterControlWidth="80px" ItemStyle-Width="150px" SortExpression="DueDate" UniqueName="DueDate" DataType="System.DateTime" DataFormatString="{0:MM/dd/yyyy}"
                        AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="MaintenanceDescription" HeaderText="Description" FilterControlWidth="40px" SortExpression="MaintenanceDescription" UniqueName="MaintenanceDescription"
                        AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="ServiceCodeDescription" FilterControlWidth="30px" HeaderText="Service Detail" SortExpression="ServiceCodeDescription" UniqueName="ServiceCodeDescription" Display="false"
                        AutoPostBackOnFilter="true" />
                    <telerik:GridBoundColumn DataField="ResolutionDescription" HeaderText="Resolution Description" UniqueName="ResolutionDescription" AutoPostBackOnFilter="true"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Zone" HeaderText="Zone" FilterControlWidth="30px" SortExpression="Zone" UniqueName="Zone" AutoPostBackOnFilter="true" Display="false" />
                    <telerik:GridBoundColumn DataField="ItemID" HeaderText="Item ID" Visible="false" FilterControlWidth="30px" UniqueName="ItemID"
                        AutoPostBackOnFilter="true" DataType="System.Guid" FilterListOptions="VaryByDataType" />
                     <telerik:GridBoundColumn DataField="RemovedSerialNum" FilterControlWidth="30px" Display="true" HeaderText="Removed Serial #" UniqueName="RemovedSerialNum"
                        AutoPostBackOnFilter="true"  FilterListOptions="VaryByDataType" />
                    <telerik:GridBoundColumn DataField="ReplacementSerialNum" FilterControlWidth="30px" HeaderText="Replacement Serial #" Display="true" UniqueName="ReplacementSerialNum"
                        AutoPostBackOnFilter="true"  FilterListOptions="VaryByDataType" />
                    <telerik:GridBoundColumn DataField="FinalItemID" FilterControlWidth="30px" Visible="false" HeaderText="Final Item ID" UniqueName="FinalItemID"
                        AutoPostBackOnFilter="true" DataType="System.Guid" FilterListOptions="VaryByDataType" />
                    <telerik:GridBoundColumn DataField="ExistingItemID" FilterControlWidth="30px" HeaderText="Existing Item ID" Visible="false" UniqueName="ExistingItemID"
                        AutoPostBackOnFilter="true" DataType="System.Guid" FilterListOptions="VaryByDataType" />
                    <telerik:GridBoundColumn DataField="Latitude" FilterControlWidth="30px" HeaderText="Latitude" Display="false" UniqueName="Latitude" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType"
                        DataType="System.Double" />
                    <telerik:GridBoundColumn DataField="Longitude" FilterControlWidth="30px" HeaderText="Longitude" Display="false" UniqueName="Longitude" AutoPostBackOnFilter="true" FilterListOptions="VaryByDataType"
                        DataType="System.Double" />
                    <telerik:GridBoundColumn DataField="OnRoute" FilterControlWidth="30px" HeaderText="On Route" UniqueName="OnRoute" AutoPostBackOnFilter="true" Display="false" />
                    <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                        <ItemStyle CssClass="MyImageButton" Wrap="true"></ItemStyle>
                    </telerik:GridEditCommandColumn>
                    <telerik:GridTemplateColumn HeaderText="Actions" AllowFiltering="false" UniqueName="Actions">
                        <ItemTemplate>
                            <a href="https://maps.google.com/maps?q=<%#Eval("Latitude") %>,<%#Eval("Longitude") %>" target="_blank">
                                <img src="/images/globe_go.png" title="Map Me" alt="Map Me" width="20" />
                            </a>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                </Columns>
                <EditFormSettings EditFormType="WebUserControl" InsertCaption="Add work order" EditColumn-UpdateText="Update Address" UserControlName="~/DesktopModules/LARehrigPenn/WorkOrder/EditWorkOrder.ascx">
                    <EditColumn UniqueName="EditWorkFlow">
                    </EditColumn>
                </EditFormSettings>
            </MasterTableView>
        </telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 07 Feb 2014, 02:56 PM
Hi,

The issue you are observing might be caused by a bug in older versions of the controls. Please try upgrading to the latest version of our controls (currently 2013.3.1324) and the context menu should be positioned as expected.

Regards,
Viktor Tachev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Grid
Asked by
David
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Share this question
or