We're speaking at
CFUnited 2008:

CFUnited - The Premiere ColdFusion Technical Conference

Calendar

<< May 2008 >>

Sun	Mon	Tue	Wed	Thu	Fri	Sat
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

Recent Entries Come On In, Rails-The Water's Warm
Shan's Simple Examples: File uploads with Flex and ColdFusion

Recent Comments Google Calendar API - Creating a new Calendar with ColdFusion
Steve Julian said: When and where are you going to post the finished CFC's ? Thanks [more]

Three Phases of Programmer Development
Pat Branley said: I normally think of those phase 2 people as 'programmers' and the phase 3 people as 'developers'. I... [more]

New Job Title: Front End Engineer
Sean Corfield said: Well, there's always the excellent Fusion Authority Quarterly Journal... [more]

Down To The Wire: HTTP Sniffers
Brian M said: I second the mention of the Charles Web Debugging Proxy that Tariq mentioned. It is fantastic. It s... [more]

New Job Title: Front End Engineer
Patrick said: Heya Sean. Good point. I never understood how they did things over there at SysCon, and I understand... [more]

Archives By Subject Business of Software (4) [RSS]
ColdFusion (318) [RSS]
Conferences (6) [RSS]
Databases (87) [RSS]
Flex & Flash (109) [RSS]
Fusebox (87) [RSS]
General Development (29) [RSS]
Google (9) [RSS]
Hardware (5) [RSS]
JVM & Java (132) [RSS]
Linux (20) [RSS]
Miscellaneous (254) [RSS]
Performance (8) [RSS]
SeeFusion (36) [RSS]
Shan's Simple Examples (7) [RSS]
User Interface (3) [RSS]
Windows (5) [RSS]

Archives By Poster Daryl Banttari (10)
Nat Papovich (29)
Patrick Quinn (36)
Shannon Hicks (22)
Steve Nelson (21)
Tyson Vanek (3)

Flex Not-So Custom Preloader

Posted At : January 17, 2008 12:11 PM | Posted By : Shannon Hicks
Related Categories: Flex & Flash, Shan's Simple Examples

Today I got a request to change the "Loading" text in the preloader of a Flex app. To my surprise, I didn't see any examples on how to do this, so I thought I'd share my results.

When you like the existing preloader, but want to just make little tiny changes to it, here's what you do. You'll first need to go ahead and create a custom preloader class that extends DownloadProgressBar (the default preloader). In this new class, you'll see the spot where you can just make tweaks to the preloader's values:

package org.iotashan.components
{
   import mx.preloaders.DownloadProgressBar;

   public class CustomPreloader extends DownloadProgressBar
   {
      public function CustomPreloader()
      {
         super();
         // set your properties here          this.downloadingLabel = "Getting the hampster to run on the wheel";
      }

   }
}

Once you've created this custom preloader, you just have to assign it to your application:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" preloader="org.iotashan.components.CustomPreloader">

That's it. Check out the live example here.

Comments (2) | Send | del.icio.us | Linking Blogs

Comments

Add Comment

Here you have an old example:

http://www.madeinflex.com/2007/05/14/como-construi...

Cheers

# Posted By Raul Diaz | 1/17/08 3:10 PM

Here's another one that I've used to make some nice non-flex looking preloaders.

http://www.onflex.org/ted/2006/07/flex-2-preloader...

# Posted By Paul Rangel | 1/17/08 4:18 PM

Add Comment