Questions on UI for ASP.NET AJAX Forum

1 answer

108 views

Hooking into HttpApplication Events breaks RadProgressArea control

Hello,

I've been trying to use the RadProgressArea in one of our web apps and haven't been able to get it to work. I traced the problem down to an event we're firing to execute a custom context resolver, that passes the Request.Params collection. If I remove the event code the progress area works fine.

I've pasted below a sample that illustrates this bug.

I created an ASP.NET 2.0 web site, and here is the default.aspx:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                        </telerik:RadScriptManager> 
        
                        <br /> 
        
                        &nbsp;<telerik:RadUpload ID="RadUpload1" runat="server" TargetFolder="Uploads"> 
        
                        </telerik:RadUpload> 
        
                        <br /> 
        
                        <asp:Button ID="Button1" runat="server" Text="Upload" /><br /> 
        
                        <telerik:RadProgressManager ID="RadProgressManager1" runat="server" /> 
        
                        <br /> 
        
                        <telerik:RadProgressArea ID="RadProgressArea1" runat="server"> 
        
                        </telerik:RadProgressArea> 
        
                </form> 
        
            </body> 
        
            </html>

I used the SmartTag feature to set up my Web.Config and ran the project. The upload worked fine, and the Progress Area appeared as expected.

I then created this class:

    
            using System; 
        
            using System.Collections.Specialized; 
        
            using System.Web; 
        
            public class OverrideApp : HttpApplication 
        
            { 
        
                public OverrideApp() 
        
                { 
        
                    PostResolveRequestCache += PopulateContext; 
        
                } 
        
                public void PopulateContext(object sender, EventArgs e) 
        
                { 
        
                    Object context = new object(); 
        
                    BuildContext(context, Request.Params); 
        
                } 
        
                private void BuildContext(object context, NameValueCollection nameValueCollection) 
        
                { 
        
                    return; 
        
                } 
        
            }

and added this to my Global.asax:

    
            <%@ Application Language="C#" Inherits="OverrideApp" %>

Now if I run the project, the file upload still works but the Progress Area does not appear.

I am using the latest Telerik build, ASP.NET AJAX for 5/27/2009. The file I am uploading is 78MB in size, and takes a couple seconds on a localhost, long enough to see the progress area appear.

Please advise if there is any work around, because as it stands we can't use the control in our web applications because of this issue.

Thanks,
-Chris

Upload (Obsolete)

answered on 15 Jun 2009

1 answer

41 views

One Export to include three radgrids

Hi

on one page I have three radgrids so is it possible to export what is displayed on screen to excel ? using export to excel methods

many Thanks

Tony

Grid

answered on 15 Jun 2009

0 answers

124 views

Accessibility guidlines and RadScheduler

In the article "HTML Techniques for Web Content Accessibility Guidelines 1.0" issued by the W3C on 6 November 2000 there are specific guidlines on rendering HTML elements.

My client is specifically interested in section 5.1.1 "Providing summary information" which relates to rendering of "summary" tag for a "table" element and section 5.1.2 "Identifying rows and column information" which relates to rendering of headers in one of the mentioned formats.

I have noticed that the RadScheduler renders several table elements not in compliance with these recommendations and I'm wondering if anybody can give me a pointer on how to implement these.

Thank you in advance.

Dragan B.

PS: using Web20 skin and a week view as the starting one if that matters at all.

Scheduler

asked on 15 Jun 2009

1 answer

49 views

Getting RadPane2 to see dcom in radpane1

I have a simple setup with a div of a single toolbar in top div. THe second div contains spitter,2 panes, splitterbar.
Pane 1 contains PanelBar which when clicked sets the contenturl for pane2. What I want to know if I make a change in the pane2 url is there a way to get to the dcom in the head div from the main page. IE if content is edited in pane2 I wish to enable the save button in the toolbat in div 1 of the main page.

Main.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="AudWeb.Main" %> 
        
            <%@ 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>  
        
                <script type="text/javascript">  
        
                  function pageLoad() {  
        
                  }  
        
                </script> 
        
                <style type="text/css">  
        
                html, body, form       
        
                {       
        
                height: 100%;   
        
                padding: 0px;  
        
                margin: 0px;      
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                    <div style="height:5%;">  
        
                    <telerik:RadToolBar ID="RadToolBar1" runat="server" Skin="Vista" Width="100%">  
        
                        <Items> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 0">  
        
                            </telerik:RadToolBarButton> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 1">  
        
                            </telerik:RadToolBarButton> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 2">  
        
                            </telerik:RadToolBarButton> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 3">  
        
                            </telerik:RadToolBarButton> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 4">  
        
                            </telerik:RadToolBarButton> 
        
                            <telerik:RadToolBarButton runat="server" Text="Button 5">  
        
                            </telerik:RadToolBarButton> 
        
                        </Items> 
        
                    </telerik:RadToolBar> 
        
                </div> 
        
                <div id="ParentDivElement" style="height:95%;">  
        
                    <telerik:RadSplitter ID="RadSplitter1" runat="server" LiveResize="True"   
        
                        Height="100%" Width="100%">  
        
                    <telerik:RadPane ID="RadPane1" runat="server"   
        
                            MinHeight="0" MinWidth="200" MaxWidth="200" Width="200px">  
        
                        <telerik:RadPanelBar ID="RadPanelBar1" Runat="server"   
        
                            onitemclick="RadPanelBar1_ItemClick" Width="200px" Skin="Vista">  
        
                            <Items> 
        
                                <telerik:RadPanelItem runat="server" Text="Client" Value ="1">  
        
                                </telerik:RadPanelItem> 
        
                                <telerik:RadPanelItem runat="server" Text="Appointments" Value ="2">  
        
                                </telerik:RadPanelItem> 
        
                                <telerik:RadPanelItem runat="server" Text="Visits" Value ="3">  
        
                                </telerik:RadPanelItem> 
        
                                <telerik:RadPanelItem runat="server" Text="Hearing Aids" Value ="4">  
        
                                </telerik:RadPanelItem> 
        
                            </Items> 
        
                        </telerik:RadPanelBar> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" /> 
        
                    <telerik:RadPane ID="RadPane2" runat="server" ContentUrl="http://www.google.com">  
        
                    </telerik:RadPane> 
        
                            </telerik:RadSplitter> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Code Behind

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using Telerik.Web.UI;  
        
            namespace AudWeb  
        
            {  
        
                public partial class Main : System.Web.UI.Page  
        
                {  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    protected void RadPanelBar1_ItemClick(object sender, Telerik.Web.UI.RadPanelBarEventArgs e)  
        
                    {  
        
                        RadPanelItem Itemclicked = e.Item;  
        
                        string name = Itemclicked.Value;  
        
                        int n = int.Parse(name);  
        
                        switch (n)  
        
                        {  
        
                            case 1:  
        
                                RadPane2.ContentUrl = @"~\Client.aspx";  
        
                                break;  
        
                            case 2:  
        
                                RadPane2.ContentUrl = @"~\Appointment.aspx";  
        
                                break;  
        
                            case 3:  
        
                                RadPane2.ContentUrl = @"~\Visit.aspx";  
        
                                break;  
        
                            case 4:  
        
                                RadPane2.ContentUrl = @"~\HA.aspx";  
        
                                break;  
        
                        }  
        
                        //RadPane2.ContentUrl = @"~\" + Itemclicked.Text + ".html";  
        
                    }  
        
                }  
        
            }

Thanks for any help. Would it be better to use a master page? I am trying to make it flicker free as possible.

Splitter

answered on 15 Jun 2009

1 answer

125 views

RadToolTips Disappear on Ajax Update

Hi,

I'm linking a radtooltip to a panel (actually adding panels and a corresponding radtooltip to the panel in a loop) which is placed inside of a placeholder. On initial page load it works as expected, but when the page does an Ajax Update on a Timer Tick event, the radtooltips disappear.

code behind:

                     public void ShowListings(XmlDocument doc)         
                {         
                    XmlNodeList nodes = doc.GetElementsByTagName("result");         
                             
                    foreach (XmlNode node in nodes)         
                    {         
            	    Panel pnl = new Panel();         
                        pnl.Controls.Add(new LiteralControl("panel"));         
                        PlaceHolder1.Controls.Add(pnl);         
                     
            	    Telerik.Web.UI.RadToolTip rtt = new Telerik.Web.UI.RadToolTip();         
                        rtt.Width = pnl.Width;         
                        rtt.ShowEvent = Telerik.Web.UI.ToolTipShowEvent.OnClick;         
                        rtt.ShowCallout = true;         
                        rtt.TargetControlID = pnl.ClientID;         
                        rtt.Text = "test";         
                        rtt.RelativeTo = Telerik.Web.UI.ToolTipRelativeDisplay.Element;         
                        rtt.Animation = Telerik.Web.UI.ToolTipAnimation.Slide;         
                        rtt.Skin = "Sunset";         
                        rtt.OffsetY = -12;         
                        rtt.HideEvent = Telerik.Web.UI.ToolTipHideEvent.ManualClose;         
                        rtt.HideDelay = 100;         
                        rtt.ShowDelay = 100;         
                     
                        PlaceHolder1.Controls.Add(rtt);         
            	}         
            }         

aspx:

	    <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>     
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">         
                            <AjaxSettings>         
                                <telerik:AjaxSetting AjaxControlID="Timer1">         
                                    <UpdatedControls>         
                                        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1" />            
                                    </UpdatedControls>         
                                </telerik:AjaxSetting>                             
                            </AjaxSettings>         
                        </telerik:RadAjaxManager> 
            
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">                                        
                            </telerik:RadAjaxPanel>
            
                                
                  <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Vista"/>         
                     
                <asp:Panel ID="Panel1" runat="server">                     
                    <asp:Timer ID="Timer1" runat="server" Interval="15000" OnTick="Timer1_Tick" />         
                 </asp:Panel>         

ToolTip

answered on 15 Jun 2009

1 answer

152 views

double click --> page redirect

hallo,

i don't want to use the pop up for create appointment on scheduler, instead of that i want to use my own page.aspx.

so how can i redirect the user when s/he double click scheduller to page.aspx.

thanx in advance,

Stev

Scheduler

answered on 15 Jun 2009

1 answer

97 views

treeviewcombobox

Hello,

I am very interested by the treeviewcombobox demo.
Can you please tell me if it is possible to :
- postbak the information when a value when the user has selected a value (similar to autopostback= true)
- postback an additional ID information as several nodes in the treeview can have the same text. (equivalent to datavaluefield and textvaluefield)

Thank you for your support.

TRAN

TreeView

answered on 15 Jun 2009

1 answer

78 views

Databinding - dynamic select statement

Folks,

Can anyone help me, I'm using Oracle and I'm binding by sending an SQL statement on DataSource1.SelectCommand and binidng it afterwards.

but everytime i try to sort using the datagrid, the grid becomes empty, any solutions?

Grid

answered on 15 Jun 2009

1 answer

214 views

GRID ROW COPY FROM ONE GRID TO ANOTHER

Hi
I am facing issue with client side grid row manipulation, Can any one help me to overcome of this-

I have two different grids having same structure, both have first column as GridClientSelectColumn(checkbox),
First grid is full of data and second grid is blank.

Now I want that when I check checkbox of first grid this row will need to be added into second grid
and should be remove respectively while i unselect checked checkbox of first grid.

All need to be done at client side and second grid data should be available on server after postback.

also, Is there any demo available for this.

With thanks and regards
Manish sain

Grid

answered on 15 Jun 2009

5 answers

207 views

Bind Multiple dates in Rad Calendar

Can anybody tell me how to display multiple dates from database in radcalendar control (Multiple month view) ????

Thankx

Calendar

answered on 15 Jun 2009

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Timer1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>	<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">	</telerik:RadAjaxPanel>
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Vista"/>

<asp:Panel ID="Panel1" runat="server">
<asp:Timer ID="Timer1" runat="server" Interval="15000" OnTick="Timer1_Tick" />
</asp:Panel>