RSS

Using Telerik RadAjaxPanel and RadAjaxLoading Panel

13 Mar

So as some of you know I am all about Telerik asp.net Ajax controls when you understand them they save you a great deal of time and can give you some cool features with just a little drag and drop. Add about  60 seconds of typing to set up the controls and bam. As we all know users are sometimes impatient we have gotten them used to instant everything these days on the web and sometimes that’s just not possible.
A few things are going to take a second or 2. This is definitely an issue when using ajax and server request event validation and you get an impatient user who just wants to keep working and not wait on the post back.

Enter RadAjaxPanel and RadLoadingPanel check out the following code snippet

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
	<div class="loading" style=" margin-top:50%; margin-bottom:50%; margin-left:auto; margin-right:auto;">

		<asp:Image ID="Image1" runat="server" ImageUrl="Img/loading44.gif" AlternateText="loading..."/>

	</div>
<telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"
						EnableHistory="True" HorizontalAlign="NotSet">
<!-- Put your content here -->
<telerik:RadAjaxPanel>

in the code snippet above I achieve 3 main things instantly with the above code snippet
1. user cannot click on the controls after a post back begins until the post back ends. During that time the loading panel covers the entire RadAjaxPanel until its finished

2. I can display a custom (read Branded) loading gif and if it fails it just says loading.

3 it allows my user to know what is going on, stops them from messing with anything else in the panel, and also allows them to see when to proceed if i just disabled or overlayed the controls the user would become confused or think their browser/website was broken and in come the support tickets.

This takes all of 2 minutes and did i mention it provides instant ajax history without you having to create all the tedium that comes along with that all in 2 simple controls I will post an example site once I get home. Till then don’t let your code have a melt down.

Advertisements
 
Leave a comment

Posted by on March 13, 2012 in ASP.Net, C#

 

Tags: , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: