Hi,
I have a requirement to show a progress bar while loading a page(modal). Since we are using Telerix controls, I am planning to use radwindow for this purpuse.
Can anyone help me how to achive this
I dont want something advance, i need just open a modal popup page which shows some text or image and it should visible until the page loads and should hide automatically.
Thanks in advance

| Type.registerNamespace("Telerik.Web.UI"); |
| Type.registerNamespace("Telerik.Web.UI.WindowManager"); |
| function GetRadWindowManager(){ |
| return Telerik.Web.UI.WindowManager.Manager; |
| } |
| window.radalert=function(_1,_2,_3,_4){ |
| var _5=GetRadWindowManager(); |
| var _6=_5._getStandardPopup("alert",_1); |
| if(typeof (_4)!="undefined"){ |
| <body onload="msgAlert()"> </html> |
| <script language="javascript" type="text/javascript"> |
| // This code must be in the master and cannot be moved to external js file. |
| // We use String comparsion instead of boolean, to keep the code valid. |
| // if (Convert.ToString(divDisplayMsg.Visible)).ToLower() is accidently empty, no harm is done and the code is still valid. |
| function msgAlert() { |
| var toPopup = "<%=(Convert.ToString(divIsDisplayMsgVisible.Visible)).ToLower() %>"; |
| if (toPopup == "true") { |
| var displayMsgDiv = document.getElementById("<%=divDisplayMsg.ClientID %>"); |
| if (displayMsgDiv) { |
| var msg = displayMsgDiv.innerHTML; |
| //alert(msg); |
| popupRadMsg(msg); |
| } |
| //popupDisplayMsg(); |
| } |
| } |
| </script> |
| function popupRadMsg(msg){ |
| return radalert(msg, 500, 500); |
| } |
| <telerik:RadScriptBlock ID="cb1" runat="server"> |
| function InitiateAjaxRequest(arguments) |
| { |
| var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>"); |
| ajaxManager.ajaxRequest(arguments); |
| } |
| function emailMenuClicked(sender, args) |
| { |
| var itemValue = args.get_item().get_value(); |
| if (args.get_item().get_text() == "Email Customer") |
| { |
| InitiateAjaxRequest("EmailCustomer",1); |
| } |
| if (args.get_item().get_text() == "Email Officer") |
| { |
| InitiateAjaxRequest("EmailOfficer",2); |
| } |
| } |
| </telerik:RadScriptBlock> |
| <telerik:RadContextMenu ID="RadContextMenu1" runat="server" EnableEmbeddedSkins="False" |
| Skin="Glastir" OnClientItemClicked="emailMenuClicked"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Email Customer"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Text="Email Officer"> |
| </telerik:RadMenuItem> |
| </Items> |
| <Targets> |
| <telerik:ContextMenuControlTarget ControlID="RadScheduler1" /> |
| </Targets> |
| </telerik:RadContextMenu> |
I need to put the Javascript in a RadScriptBlock because I need to evaluate the AjaxManager's client ID. However, when I do this, I get an 'object expected' error because the emailMenuClicked function is not visible to the RadContextMenu.
When I put the emailMenuClicked function in an ordinary <script></script> tag, then the code there can't see the InitiateAjaxRequest function.
I'm sure there's a simple solution, but I'm going round in circles on this - can someone point me in the right direction, please?
Thanks,
James
| <rad:RadDatePicker ID="rdp1" AutoPostBack="true" runat="server" |
| onselecteddatechanged="rdp1_SelectedDateChanged"></rad:RadDatePicker> |
| RadDatePicker rdp = new RadDatePicker(); |
| rdp.SelectedDate = new DateTime(2009, 5, 4); |
| rdp.AutoPostBack = true; |
| rdp.SelectedDateChanged += new SelectedDateChangedEventHandler(rdp_SelectedDateChanged); |
| this.Controls.Add(rdp); |
| protected void _orgGrid_ItemCreated(object sender, GridItemEventArgs e) |
| { |
| if (e.Item is GridEditableItem && e.Item.IsInEditMode) |
| { |
| if (editItem.OwnerTableView.IsItemInserted) |
| { |
| _orgGrid.MasterTableView.GetColumn("ExpandColumn").Display = false; |
| } |
| } |
