RadMenu Item is hiding

[erik]

After giving UseStaticHeaders="true" for telerik grid radmenu item is not fully visible. 

[Pavlina]

Hi,

Unfortunately the provided information is not enough to determine why menu item is hiding when static headers are enabled. However, if you send us a live URL where the issue ca be observed we will manage to inspect it locally and advice you further.

Additionally, specify which version of UI for ASP.NET AJAX you are using in your project.
 
Regards,
Pavlina
Telerik

[erik]

Telerik dll version is 2013.1.220.40.

 

 <telerik:RadGrid RenderMode="Lightweight" ID="rgEmp" runat="server" ShowStatusBar="true" AlternatingItemStyle-BackColor="White" CssClass="wrapword"    
            AutoGenerateColumns="False" PageSize="7" AllowSorting="True" AllowMultiRowSelection="False" 
            GridLines="None" AllowPaging="True" OnDetailTableDataBind="rgEmp_DetailTableDataBind" Width="800px" 
            OnNeedDataSource="rgEmp_NeedDataSource" OnItemDataBound="rgEmp_ItemDataBound"  OnPreRender="rgEmp_PreRender">
            <PagerStyle Mode="NumericPages"></PagerStyle>
            <HeaderStyle Font-Bold="true" />
            <MasterTableView Name="ParentTable" DataKeyNames="EmployeeID" AllowMultiColumnSorting="True" ExpandCollapseColumn-HeaderStyle-Width="30px" HierarchyLoadMode="Client" TableLayout="Auto" >
                <DetailTables>
                    <telerik:GridTableView Name="ChildTable" DataKeyNames="EmployeeDetailID" HierarchyLoadMode="ServerBind"
                        ShowHeader="false" GridLines="None" BorderStyle="None" AlternatingItemStyle-BackColor="White">
                        <Columns>
                            <telerik:GridTemplateColumn SortExpression="FirstName" HeaderText="First Name">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkFirstName" runat="server" Text='<%#Eval("FirstName") %>' Style="text-decoration: none;
                                        color: Blue;" CommandName="EmpDetailsInfo" CommandArgument='<%#Eval("EmployeeDetailID") %>'></asp:LinkButton>
                                </ItemTemplate>
                                <HeaderStyle Width="100px" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridBoundColumn SortExpression="LastName" HeaderText="Last Name" DataField="LastName">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Email" HeaderText="Email" DataField="Email">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Phone" HeaderText="Phone" DataField="Phone">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="JobTitle" HeaderText="JobTitle" DataField="JobTitle">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Tehnologies" HeaderText="Tehnologies" DataField="Tehnologies">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Organization" HeaderText="Organization" DataField="Organization">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Salary" HeaderText="Salary" DataField="Salary">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Address1" HeaderText="Address1" DataField="Address1">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Address2" HeaderText="Address2" DataField="Address2">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="City" HeaderText="City" DataField="City">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="State" HeaderText="State" DataField="State">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Country" HeaderText="Country" DataField="Country">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="PIN" HeaderText="PIN" DataField="PIN">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                             <telerik:GridTemplateColumn> 
                                <ItemTemplate> 
                                    <telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="true" > 
                                        <Items> 
                                            <telerik:RadMenuItem Text="Actions" Selected="false"> 
                                                <GroupSettings ExpandDirection="Left"  /> 
                                                <Items > 
                                                    <telerik:RadMenuItem Text="View Process" /> 
                                                    <telerik:RadMenuItem Text="Cancel Task" /> 
                                                    <telerik:RadMenuItem Text="Reassign task" /> 
                                                    <telerik:RadMenuItem Text="Create Linked Work Item" /> 
                                                </Items> 
                                            </telerik:RadMenuItem> 
                                        </Items> 
                                    </telerik:RadMenu> 
                                </ItemTemplate> 
                                <HeaderStyle Width="100px" />
                           </telerik:GridTemplateColumn> 
                            <telerik:GridBoundColumn DataField="ChildRecordCount" UniqueName="ChildRecordCount" Display="false">     
                            <HeaderStyle Width="0px" />                           
                            </telerik:GridBoundColumn>
                        </Columns>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns>
                    <telerik:GridTemplateColumn SortExpression="FirstName" HeaderText="First Name">
                        <ItemTemplate>
                            <asp:LinkButton ID="lnkFirstName" runat="server" Text='<%#Eval("FirstName") %>' Style="text-decoration: none;
                                color: Blue;" CommandName="EmpInfo" CommandArgument='<%#Eval("EmployeeID") %>'></asp:LinkButton>
                        </ItemTemplate>
                        <HeaderStyle Width="100px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn SortExpression="LastName" HeaderText="Last Name" DataField="LastName">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Email" HeaderText="Email" DataField="Email">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Phone" HeaderText="Phone" DataField="Phone">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="JobTitle" HeaderText="JobTitle" DataField="JobTitle">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Tehnologies" HeaderText="Tehnologies" DataField="Tehnologies">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Organization" HeaderText="Organization" DataField="Organization">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Salary" HeaderText="Salary" DataField="Salary">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Address1" HeaderText="Address1" DataField="Address1">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Address2" HeaderText="Address2" DataField="Address2">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="City" HeaderText="City" DataField="City">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="State" HeaderText="State" DataField="State">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="Country" HeaderText="Country" DataField="Country">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="PIN" HeaderText="PIN" DataField="PIN">
                        <HeaderStyle Width="100px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn Resizable="false"> 
                         <%--   <span class="legend">Hover this image to display the popup menu</span>
                            <img src="Images/status_delayed.png" height="50" width="50" onmouseover="showMenu(event)" />--%>
                        <ItemTemplate> 
                            <telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="true" EnableShadows="true" CssClass="test"> 
                                <Items> 
                                    <telerik:RadMenuItem Text="Actions" Selected="false"> 
                                        <GroupSettings ExpandDirection="Left" /> 
                                        <Items > 
                                            <telerik:RadMenuItem Text="View Process" /> 
                                            <telerik:RadMenuItem Text="Cancel Task" /> 
                                            <telerik:RadMenuItem Text="Reassign task" /> 
                                            <telerik:RadMenuItem Text="Create Linked Work Item" /> 
                                        </Items> 
                                    </telerik:RadMenuItem> 
                                </Items> 
                            </telerik:RadMenu> 
                        </ItemTemplate> 
                        <HeaderStyle Width="100px" />
                   </telerik:GridTemplateColumn>                     
                   <telerik:GridBoundColumn DataField="ChildRecordCount" UniqueName="ChildRecordCount" Display="false">
                    <HeaderStyle Width="0px" />
                   </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
            <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true" AllowExpandCollapse="true" >                           
            <Resizing AllowColumnResize="false" />
                <ClientEvents OnGridCreated="rgEmp_GridCreated" />
                <Scrolling AllowScroll="true" UseStaticHeaders="false" />                
            </ClientSettings>            
        </telerik:RadGrid>

[Pavlina]

Hi,

If you set RenderMode property of the grid to Classic you should not encounter such an issue. In case you want to use Lightweight rendering of the control you need to upgrade to the latest version of UI for ASP.NET AJAX.

Regards,
Pavlina
Telerik

[erik]

Gave RenderMode property of the grid to Classic, still menu is hiding.Please help me on that.

[Pavlina]

Hello,

I have tried a similar scenario to the one you provided and the menu shows as expected with the latest version and with the older one you use as you can see from the attached project. Give it a try and see what is the difference in your case.

Regards,
Pavlina
Telerik