Firefox 3 problem with radmenu inside a radgrid

[João]

Hi, i have a radmenu inside a column in a radgrid, and everything was working fine, but when i upgraded to firefox 3, the radmenus start to display a problem, the option list of the menu doesn't appear hover the remaing columns and rows of the grid, as it used to.

Here is a sample code:

<rad:RadGrid ID="RadGrid1" SkinID="DetalheCandidato" runat="server" AutoGenerateColumns="false" AllowPaging="false" EnableAJAX="true" ShowHeader="true" EnableAJAXLoadingTemplate="true"AllowSorting="true" Skin="None" MasterTableView-ShowHeadersWhenNoRecords="false" LoadingTemplateTransparency="50" onitemcreated="rad_Candidatos_ItemCreated" onitemcommand="rad_Candidatos_ItemCommand" onselectedindexchanged="rad_Candidatos_SelectedIndexChanged" onsortcommand="rad_Candidatos_SortCommand">

<AJAXLoadingTemplate>
<asp:Image ID="imgLoa" runat="server" ImageUrl="~/BackOffice/Images/timer.gif" />
</AJAXLoadingTemplate>

<MasterTableView DataKeyNames="TbcaID,UsrGUI,TbcaGUI">

<Columns>

<rad:GridTemplateColumn HeaderText="opes" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="80px" ItemStyle-Width="90px">

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<rad:RadMenu ID="RadMenuCmd" runat="server" Flow="Vertical" Skin="Default2006" SkinsPath="~/RadControls/Menu" EnableTheming="true">

<Items>
<rad:RadMenuItem Text="choices">

<Items>

<rad:RadMenuItem>

<ItemTemplate>

<asp:LinkButton ID="LNB_Select" runat="server" Text="Ver perfil" CommandName="Select"></asp:LinkButton>

<br />

<asp:LinkButton ID="LNK_ConsDocs" runat="server" CommandName="Navigate">Consultar Documentos</asp:LinkButton>

<br />

Pedir Anlise do Perfil Pessoal (APP)

<br />

<asp:LinkButton ID="LNB_PontCandidato" runat="server" CommandName="Edit">Pontuar Candidato</asp:LinkButton>

<br />

<asp:LinkButton ID="LNB_CatCandidato" runat="server" CommandName="Navigate">Categorizar Candidato</asp:LinkButton>

<br />

Copiar Candidato para Pasta

<br />

Inserir comentrio sobre Candidatura

<br />

<asp:LinkButton ID="LNB_SolCont" runat="server" CommandName="Navigate">Solicitar Contacto Candidato</asp:LinkButton>

<br />

<asp:LinkButton ID="LNB_InsCom" runat="server" CommandName="Navigate">Inserir comentrio sobre Candidato</asp:LinkButton>

<br />

<asp:LinkButton ID="LNB_SMSCand" runat="server" CommandName="Navigate">Enviar SMS Candidato</asp:LinkButton>

<br />

<asp:LinkButton ID="LNB_MsgCand" runat="server" CommandName="Navigate">Enviar Mensagem Candidato</asp:LinkButton>

<br />

<asp:LinkButton ID="LNB_OutrosProc" runat="server" CommandName="Navigate">Ver outros processos do Candidato</asp:LinkButton>

<br />

Procurar Candidato no Google

<br />

<asp:LinkButton ID="LNB_Entrevista" runat="server" CommandName="Navigate">Marcar Entrevista</asp:LinkButton>

<br />

<asp:LinkButton runat="server" EnableViewState="false" OnClientClick="return confirm('Tem a certeza que deseja apagar o registo?')" CommandName="Delete" Text="Apagar" ToolTip="Apagar" ID="btnDelete"/>

</ItemTemplate>

</rad:RadMenuItem>

</Items>

</rad:RadMenuItem>

</Items>

</rad:RadMenu>

</ItemTemplate>

</rad:GridTemplateColumn>

<rad:GridBoundColumn DataField="TbcaDataIn" HeaderText="Data" SortExpression="TbcaDataIn"

DataFormatString="{0:d}" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="63px" />

</Columns>

</MasterTableView>

</rad:RadGrid>

</Columns>

Thks.

[Yana]

Hello João,

The following css style should solve your problem:

 <style type="text/css" runat="server">
   .grid<%= RadGrid1.ClientID %>_ctl01 td {
       overflow: visible !important;
   }
 </style>

You can check out the attached sample project for a reference.

Regards,
Yana
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[João]

Thks, that solved it.

[Jeff Bogenschneider]

This solution also worked for us in the exact same scenario. The Menu is no longer getting cut off at the border of the radgrid cell, however, it is getting cut off at the bottom of the grid, so that the buttom couple rows are affected.

[obinna osuji]

i have a problem rendering rad menu in firefox 3, the expanded menu hides behind a flash video embeded in a div. please how can i solve this problem?