Highslide JS .NET (v0.3)

AJAX, ASP.NET, Highslide, UI By Dave Ward on June 8th, 2007

Highslide control bar example.Just a quick Highslide update.

The HighslideManager control now has a ControlBar property. If enabled (and it’s enabled by default), all zoomed images will have a control bar overlay.

I’ve included embedded CSS, images, and cursors for the default style, pictured above. However, custom styling can be obtained via the controlbar CSS classes.

Visit the Highslide JS .NET project page for more details and the download link for the new version.

Highslide JS .NET (v0.2)

AJAX, ASP.NET, CSS, Highslide, UI By Dave Ward on May 2nd, 2007

Highslide JS .NET caption exampleYour wishes are my command. Highslide JS .NET now includes support for captioning. The captions can be specified using the Caption property of each HighslideImage control, and can be easily styled using CSS.

Also, ~ is now correctly replaced with the application path in path properties.

Visit the Highslide JS .NET project page for more details and the download link for the new version.

Disable a button control during postback.

ASP.NET, UI By Dave Ward on April 17th, 2007

Postback Ritalin has been getting a lot of search hits intended to find a button disable technique for full .NET postbacks. So, this example is for all of you searching for a non-AJAX solution.

The trick is to use the OnClientClick and UseSubmitBehavior properties of the button control. There are other methods, involving code on the server side to add attributes, but I think the simplicity of doing it this way is much more attractive:

Click here to continue reading this entry »

Highslide JS .NET Release

AJAX, ASP.NET, CSS, Highslide, UI By Dave Ward on March 26th, 2007

My initial .NET server control version of Torstein Honsi’s Highslide JS .NET is now available. You can find it and information on implementing it at the Highslide JS .NET page here on my site.

For a quick video introduction of what the Highslide JS library is capable of, take a look at this basic demonstration:

Click here to continue reading this entry »

Image Zooming Control Preview

AJAX, ASP.NET, CSS, Highslide, UI By Dave Ward on March 22nd, 2007

Update: Highslide JS .NET is available for download now.

I’ve been working on and off for some time to encapsulate Torstein Honsi’s excellent Highslide JS library into a .NET control. Finally, pending naming, it is ready for use. It should be available for download in the next couple days. Until then, here is a preview of it in action:

Click here to continue reading this entry »

Postback Ritalin Update (v0.2)

AJAX, ASP.NET, UI By Dave Ward on March 16th, 2007

Based on my experience using it in the wild and some great feedback from those of you that downloaded it, I’ve made a few updates to Postback Ritalin. Get it and enjoy.

If you haven’t seen Postback Ritalin yet, it’s an AJAX Toolkit control extender to automatically disable an UpdatePanel’s submitting control during partial postbacks and then re-enable them after the partial postback completes. More details are available on the permanent Postback Ritalin page.

Click here to continue reading this entry »

AJAX, file downloads, and IFRAMEs

AJAX, ASP.NET, UI By Dave Ward on February 23rd, 2007

CSV file download link“Click here to download this report in Excel (CSV) format.”

We’ve probably all implemented this functionality in ASP.NET applications at least several times. Any time you’re dealing with report data, it’s expected that the data be available for download. Unfortunately, AJAX makes this somewhat difficult. Since there is no traditional HTTP response, you have no context with which to send the file to the browser for normal download.

Enter inline frames (IFRAME). Probably one of the most under utilized HTML elements around, dynamically creating an IFRAME allows you to round trip an HTTP request and response without disrupting the AJAX-ness of your async postback. Since any browser that supports XmlHttpRequest supports IFRAMEs, it is as safe to use as AJAX is in the first place. This is a simple example of the technique, using a static list of files in a dropdown, but it could be adapted to more dynamic file creation scenarios easily.

Click here to continue reading this entry »

Control to prevent multiple AJAX submits

AJAX, ASP.NET, UI By Dave Ward on February 12th, 2007

“To avoid duplicate credit card charges, only click the checkout button once!”

I’m always surprised at how many sites display a similar warning message on their final checkout page. Major sites. Between server side detection of multiple submissions and using OnClick to disable the submit button, there is no excuse for crossing your fingers and hoping your users don’t double click a submit button.

AJAX complicates the client side component of this equation. You can’t simply disable a button in the OnClick event, because the button will remain disabled in the case of a failed form validation or other exception. The optimal behavior is for the submit button to only be disabled during the async postback, and be re-enabled when the server side processing is completed. Using the AJAXToolKit, I’ve created a control extender to implement this functionality quickly and easily: Postback Ritalin.

Click here to continue reading this entry »

Automatic Sequential Postbacks

ASP.NET, UI By Dave Ward on February 2nd, 2007

I ran into a situation recently where I needed to select a set of data, present it to the user, and then give them the option to process each item individually or all items automatically. Problem was, the item processing task was long running, which complicated the “process all items” scenario. Looping through each item and processing it all on the server side would’ve been easy enough to accomplish, but the chances of the user sitting through the 7 minute postback for 20 items was next to nil.

What I really needed was incremental progress feedback, so the user could see an update as each item was processed. Luckily, I did have control over my user’s browser version and settings, so client scripting was available. With that in mind, this is the solution I came up with:

Click here to continue reading this entry »

CSS style as ASP.NET AJAX progress indicator

AJAX, ASP.NET, CSS, UI By Dave Ward on January 16th, 2007

Update Panel with Animation I noticed that a lot of people found my mouse pointer as AJAX progress indicator example by using search terms suggesting they were looking for a more graphical indicator. So, here’s an example of doing something more… Web 2.0.

Like last time, I’ll base it on a standard UpdatePanel demo using a button control to set a time/date label, with an artificial delay:

Click here to continue reading this entry »