FlashCats Flash Catalyst Tips N' Tricks

28Jul/10Off

More than you’ll ever want to know about Grids + Guides in Catalyst.

Posted by tarajane

You want grids and guides in Catalyst?

Well, we've got them.

This post is a simple rundown with some grids/guides tips and tricks... I mean, I need a break after that optimization post... right? ;)

26Jul/10Off

Creating An Image Gallery Using a Data List

Posted by bear

Ever wanted to create an image gallery with more than 20 images? Ever wanted to play some more with Data Lists in Catalyst? Well, here's your chance. We're going to create an image gallery using Data Lists and the Design Time Data Panel, so that you can create an image gallery with as many images as you want. The end result of this tutorial will look something like the below image.

More after the jump.

17Jul/10Off

Optimizing for smaller swf output size in Flash Catalyst

Posted by tarajane

To decrease site loading time, your goal as a web devsigner is to get the smallest swf size possible.

Large SWF files typically contain lots of full resolution artwork, embedded content(image, video and audio files) and complex paths.

Luckily, Catalyst provides you with some options for optimizing your project.

In this post, I'll discuss a few of the most common. If used appropriately, you'll see loading time decreasing, and happier customers/clients who'll stick around past the default flex preloader to see your awesome rich content.

17Jul/10Off

Setting the initial position on a scroll panel

Posted by bear

If you've been playing around with scroll panels, you've probably noticed that the scrolling content window always starts off displaying the upper left corner of the actual scrolling content. Great for anything text-based, but not so great for anything image-based. For example, if you're scrolling an image, you will probably want to start out with the content window displaying the center of your content.

Example 1 (Centered Content)

Get Adobe Flash player

Example 2 (Default, Top-left Content)

Get Adobe Flash player

More after the jump!

17Jul/10Off

Creating Scrollbars without Tracks and Thumbs

Posted by bear

Have you ever designed a scroll panel or data list and wanted to make it scroll with just buttons? For example, the scroll panel below scrolls its content with just an up, down, left, and right button.


Get Adobe Flash player

Normally, when you create a scrollbar, Catalyst prompts you to assign the thumb and track for each scrollbar. In fact, they are both marked, rather ominously, as "required". One way of getting around this is to create the thumb and track parts, and then hide them, either offscreen, or setting their opacity to zero. But this can leave weird mouse interaction areas in your swf, and it's less than ideal.

As it turns out, "required" parts for the horizontal and vertical scrollbars are really only suggested. They're part of a typical scrollbar, but in this case, we don't want a typical scrollbar. So guess what? You don't have to assign them. Just assign the button parts (left, right, up, down) and you're good to go.