I am using a RadMenu control along with some modal popups and the RadSpell control. The menu control always appears on top; the modal popups and RadSpell never overlay the menu. I have tried using the Z-Index properties, and have had no luck.
I am using VS 2008, IE7. The version number of the my Telerik dll is: 2009.2.826.35.
I was putting this into a Master Page/Content Page application. I then tried pulling it out into a simple, one page test application, and still cannot get this to work.
Below is the ASPX page on my simple test application (no code-behind). What am I doing wrong?
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MenuTest.aspx.cs" Inherits="Test.MenuTest" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager> |
| <p> </p> |
| <p>Menu Test:</p> |
| <p> </p> |
| <telerik:RadMenu ID="rmnuNavigationMenu" runat="server" Skin="Default" Width="100%" |
| Enabled="True" ExpandDelay="0" CollapseDelay="100" CollapseAnimation-Duration="50" |
| EnableOverlay="false" style="z-index:0;"> |
| <Items> |
| <telerik:RadMenuItem Text="Menu A"></telerik:RadMenuItem> |
| <telerik:RadMenuItem Text="Menu B"></telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenu> |
| <br /> |
| <br /> |
| <asp:Panel ID="pnlAdditionalNotesContent" runat="server" Height="335px" > |
| <div style="padding-left:20px; padding-top:20px; z-index:9000;"> |
| <telerik:RadSpell ID="RadSpellAdditionalNotes" runat="server" |
| SupportedLanguages="en-US,English" |
| DictionaryPath="~/App_Data/RadSpell" |
| SpellCheckProvider="TelerikProvider" |
| ControlToCheck="txtAreaAdditionalNotes" |
| ButtonType="ImageButton" |
| style="z-index:10000;" /> |
| <br /> |
| <textarea id="txtAreaAdditionalNotes" runat="server" |
| style="width:96%; height:250px; font-family:Arial;" |
| rows="5" cols="50" tabindex="100"></textarea> |
| <br /> |
| <br /> |
| </div> |
| </asp:Panel> |
| </div> |
| </form> |
| </body> |
| </html> |
| <%@ Page Language="VB" AutoEventWireup="true" CodeFile="raport_urlopy.aspx.vb" Inherits="raport_urlopy" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Intranet</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div class="gora"><a href="default.aspx"><img src="gfx/intranet2.gif" alt="Intranet" border="0"></a> |
| </div> |
| <div class="menu"> |
| <!-- #include file="inc-menu.aspx "--> |
| </div> |
| <div class="srodek"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| </telerik:RadAjaxManager> |
| <div style="text-align:left"> |
| <div class="pasek">Raport o urlopach</div> |
| <table border="0"> |
| <tr> |
| <td align="right" valign="middle">Rok:</td><td align="left" valign="middle"> |
| <asp:DropDownList ID="ddl_rok" runat="server" DataSourceID="sql_rok" |
| DataTextField="kp_rok" DataValueField="kp_rok" Width="258px" AutoPostBack="True"> |
| </asp:DropDownList> |
| </td> |
| </tr> |
| <tr> |
| <td align="right" valign="middle">Dział:</td><td align="left" valign="middle"> |
| <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="sql_dzial" |
| DataTextField="nazdz" DataValueField="id" Width="258px" AutoPostBack="True"></asp:DropDownList></td> |
| </tr> |
| </table> |
| </div> |
| <asp:TextBox ID="txt_idp" runat="server" Visible="False"></asp:TextBox> |
| <br /> |
| <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="sql_urlopy_glowne" |
| GridLines="None" AllowSorting="True" ShowGroupPanel="True" Skin="Hay" allow> |
| <MasterTableView AutoGenerateColumns="False" DataKeyNames="idp" DataSourceID="sql_urlopy_glowne"> |
| <DetailTables> |
| <telerik:GridTableView AutoGenerateColumns="false" DataKeyNames="idp" DataSourceID="sql_urlopy_pomoc" Width="100%" runat="server"> |
| <ParentTableRelation> |
| <telerik:GridRelationFields DetailKeyField="idp" MasterKeyField="idp" /> |
| </ParentTableRelation> |
| <Columns> |
| <telerik:GridBoundColumn SortExpression="opis" HeaderText="Typ" DataField="opis" UniqueName="opis"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn SortExpression="pdn" HeaderText="Od" DataField="pdn" UniqueName="pdn" DataFormatString="{0:dd-MM-yyyy}"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn SortExpression="odn" HeaderText="Do" DataField="odn" UniqueName="odn" DataFormatString="{0:dd-MM-yyyy}"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </telerik:GridTableView> |
| </DetailTables> |
| <ExpandCollapseColumn Visible="True"></ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="idp" DataType="System.Int32" HeaderText="idp" |
| ReadOnly="True" SortExpression="idp" UniqueName="idp" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="naz" HeaderText="Nazwisko" SortExpression="naz" UniqueName="naz"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="IL_UrlopWymiar" DataType="System.Int16" HeaderText="Wymiar" |
| SortExpression="IL_UrlopWymiar" UniqueName="IL_UrlopWymiar"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="KD_IL_UrlopPrzysl" DataType="System.Int16" HeaderText="Przysługujący" |
| SortExpression="KD_IL_UrlopPrzysl" UniqueName="KD_IL_UrlopPrzysl"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="IL_UrlopDoWyk" DataType="System.Int16" HeaderText="Pozostały" |
| SortExpression="IL_UrlopDoWyk" UniqueName="IL_UrlopDoWyk"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" |
| ReorderColumnsOnClient="True"> |
| <Selecting AllowRowSelect="True" /> |
| </ClientSettings> |
| </telerik:RadGrid> |
| <br /><br /><br /> |
| </div> |
| <asp:SqlDataSource ID="sql_dzial" runat="server" |
| ConnectionString="<%$ ConnectionStrings:Polaczenie-Portal %>" |
| SelectCommand="proc_wczytaj_dzialy" SelectCommandType="StoredProcedure"> |
| <SelectParameters> |
| <asp:FormParameter DefaultValue="122" FormField="txt_idp" Name="idpracownika" |
| Type="Int32" /> |
| </SelectParameters> |
| </asp:SqlDataSource> |
| <asp:SqlDataSource ID="sql_urlopy_glowne" runat="server" |
| ConnectionString="<%$ ConnectionStrings:Polaczenie-Portal %>" |
| SelectCommand="proc_pokaz_ilosc_urlopow_w_dziale" |
| SelectCommandType="StoredProcedure"> |
| <SelectParameters> |
| <asp:ControlParameter ControlID="DropDownList1" Name="id_dzial" |
| PropertyName="SelectedValue" Type="Int32" /> |
| <asp:ControlParameter ControlID="ddl_rok" Name="rok" |
| PropertyName="SelectedValue" Type="Int32" /> |
| <asp:SessionParameter Name="idpracownika" SessionField="idpracownika" Type="string" /> |
| </SelectParameters> |
| </asp:SqlDataSource> |
| <asp:SqlDataSource ID="sql_urlopy_pomoc" ConnectionString="<%$ ConnectionStrings:Polaczenie-Portal %>" |
| ProviderName="System.Data.SqlClient" SelectCommand="select pracownik as idp, opis, pdn, odn from poza_biurem join urlopy on poza_biurem.id = urlopy.id_poza_biurem where pracownik = @idp and aktywny=1" |
| runat="server"> |
| <SelectParameters> |
| <asp:SessionParameter Name="idp" SessionField="idp" Type="string" /> |
| </SelectParameters> |
| </asp:SqlDataSource> |
| <asp:SqlDataSource ID="sql_rok" ConnectionString="<%$ ConnectionStrings:Polaczenie-Portal %>" |
| ProviderName="System.Data.SqlClient" SelectCommand="select distinct kp_rok from kd_urlopy2" SelectCommandType="Text" |
| runat="server"></asp:SqlDataSource> |
| </form> |
| </body> |
| </html> |

| <telerik:GridTemplateColumn HeaderText="Start Date" HeaderStyle-Width="130px" SortExpression="StartDate" UniqueName="StartDate"> |
| <EditItemTemplate> |
| <telerik:RadDatePicker ID="RadDatePickerStartDate" runat="server" Culture="English (United States)" |
| MinDate='<%# GetVideoStartDate(Eval("StartDate")) %>' MaxDate='<%# GetVideoEndDate() %>' |
| DbSelectedDate='<%# Bind("StartDate", "{0:d}") %>' SharedCalendarID=""> |
| <DateInput ID="DateInputStartDate" runat="server" Width="130px" /> |
| </telerik:RadDatePicker> |
| </EditItemTemplate> |
| <ItemTemplate> |
| <asp:Label ID="dtLabelStartDate" runat="server" Text='<%# Eval("StartDate", "{0:d}") %>' |
| Width="130px" /> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |


Just having an issue using the radalert popup functionality...
I'm using the approach from one of the help items like this:
Label1.Text = "<script language='javascript'> window.onload = function(){radalert('<b>Please enter quantity!</b>','', 150, 100);}</script>";
Having RadWindowManager control on the page so that should not be a problem.
However, it gives out an error on this line:
return d.radalert(e,c,a,b);
Microsoft JScript runtime error: 'undefined' is null or not an object
And then:
Microsoft JScript runtime error: Object doesn't support this property or method
Which doesn't seem to make sense, I thought that that was the parameters it was expecting!