This is the Javascript Function for the Alert
function windowOnBeforeUnload() {
if (window.event)
window.event.returnValue = 'You will lose any unsaved changes!'; // IE
else
return 'You will lose any unsaved changes!'; // FX
}
This is the RadMenu HTML code
<
table
class
=
"takeActionTableContainer"
cellpadding
=
"1"
cellspacing
=
"0"
style
=
"margin: 0 auto;"
>
<
tr
>
<
td
style
=
"vertical-align:top; text-align:center; width:50%"
>
<
telerik:RadMenu
ID
=
"RadMenuLibrary"
runat
=
"server"
EnableRoundedCorners
=
"true"
EnableShadows
=
"true"
Skin
=
"Default"
EnableTextHTMLEncoding
=
"true"
Width
=
"100%"
style
=
"z-index:10; position: relative; margin: 0; text-align:center;"
DefaultClickToOpen
=
"False"
CollapseDelay
=
"200"
ExpandDelay
=
"200"
OnClientItemClicked
=
"OnTakeActionItemClicked"
OnClientItemClosed
=
"windowOnBeforeUnload"
OnClientMouseOut
=
"windowOnBeforeUnload"
>
<
ExpandAnimation
Type
=
"None"
Duration
=
"200"
/>
<
CollapseAnimation
Type
=
"None"
Duration
=
"200"
/>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"LIBRARY"
PostBack
=
"false"
Width
=
"100%"
></
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
</
td
>
<
td
style
=
"vertical-align:top; text-align:center; width:50%"
>
<
telerik:RadMenu
ID
=
"RadMenuCollaborator"
runat
=
"server"
EnableRoundedCorners
=
"true"
EnableShadows
=
"true"
Skin
=
"Default"
EnableTextHTMLEncoding
=
"true"
Width
=
"100%"
style
=
"z-index:10; position: relative; margin: 0; text-align:center;"
DefaultClickToOpen
=
"False"
CollapseDelay
=
"200"
ExpandDelay
=
"200"
OnClientItemClicked
=
"OnTakeActionItemClicked"
>
<
ExpandAnimation
Type
=
"None"
Duration
=
"200"
/>
<
CollapseAnimation
Type
=
"None"
Duration
=
"200"
/>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"COLLABORATOR"
PostBack
=
"false"
Width
=
"100%"
></
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
</
td
>
</
tr
>
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"HeadContent"
Runat
=
"Server"
>
<
link
href
=
"../Styles/Styles.css"
rel
=
"stylesheet"
/>
<
script
type
=
"text/javascript"
>
function GetWindow(Token) {
var radDash = $find("<%= radWindow.ClientID%>");
if (Token == 0) {
radDash.setUrl("Request.aspx?Type=" + 0);
}
else if (Token > 0) {
radDash.setUrl("Request.aspx?Type=" + Token);
}
radDash.set_modal(true);
radDash.show();
}
</
script
>
</
asp:Content
>
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"BodyContent"
Runat
=
"Server"
>
<
telerik:RadGrid
ID
=
"myRadGrid"
runat
=
"server"
AutoGenerateColumns
=
"false"
Skin
=
"Web20"
Font-Size
=
"10"
OnNeedDataSource
=
"myRadGrid_NeedDataSource"
>
<
MasterTableView
runat
=
"server"
DataKeyNames
=
"intRequestId"
CommandItemDisplay
=
"Top"
>
<
HeaderStyle
HorizontalAlign
=
"Center"
/>
<
ItemStyle
HorizontalAlign
=
"Center"
/>
<
AlternatingItemStyle
HorizontalAlign
=
"Center"
BorderColor
=
"#404040"
/>
<
CommandItemStyle
HorizontalAlign
=
"Left"
Height
=
"25px"
VerticalAlign
=
"Middle"
/>
<
CommandItemTemplate
>
<
a
href
=
"#"
id
=
"Request"
onclick
=
"GetWindow(0);return false;"
>Request Token</
a
>
</
CommandItemTemplate
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"Name"
HeaderText
=
"NAME"
/>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
telerik:RadWindowManager
ID
=
"radWindow"
runat
=
"server"
CenterIfModal
=
"true"
Width
=
"800px"
Height
=
"450px"
Modal
=
"true"
ShowContentDuringLoad
=
"false"
Skin
=
"Web20"
Behaviors
=
"Close"
VisibleStatusbar
=
"false"
>
</
telerik:RadWindowManager
>
</
asp:Content
>
<div class="rmSlide" style="left: 0px; top: 22px; width: 151px; height: 361px; overflow: hidden;">
<ul class="rmVertical rmGroup rmLevel1" style="left: 0px; top: -361px; display: block; visibility: visible;">
<li class="rmItem rmSeparator">
<a class="rmLink rmImageOnly" style="width: 151px;" href="#">
<span class="rmText"></span>
</a>
</li>
</ul>
</div>
By default, the embedded Telerik css sets the display: none; property for this class, therefore all my separators were hidden. I used the following code to fix the issue:
/* Added to fix hidden separators on the Radmenu ver. Q3 2013 */
.RadMenu .rmRootGroup a.rmImageOnly span.rmText
{
display: block !important;
}
A side note is that this does not seem to happen with the radMenus that are created without using a webservice. Telerik, this seems like a bug to me. Hope this helps anyone else with the same issue!
On page load the NoFilter is selected. If I select Contains, nothing happen, Nofilter is still selected. Any help would be great.