Flash Catalyst - how to encapsulate components

Hi everybody
I have created an interactivew project in Flash Catalyst, however, just as I am about to add the final states to the project, I am told that I am limited to 20 states. Apparently I have exceeded that number and cannot finish my project, which has taken me hours to create.
The help file tells me that the way around the limitation is to encapsulate components. Unfortunately, there are no concrete examples of how to do that.
If someone can help me out here, I shall be very grateful.
Yours
hjbune2
Hi again
I realize that it is difficult to help me unlless I'm more specific as to my project.
The project has a main window with a vertical menu with 10 buttons which displays in every state and opens with an application transition:
I have an 'on click' interaction on each of the buttons, which transitions the user to "contents 1" on a page with a scrolling bar component, using a flex component from the common library:
The button in the lower right corner brings the user to a scrolling panel sub page:
The button in the lower right corner opens a pdf document to allow the reader to print the subject.
This is the structure for all 10 buttons in the vertical navigation bar.
Futhermore, I have animated background boxes coming in from the bottom on the scroplling panel pages.
I was not aware of the 20 states limitation before I started the project and am hoping that I can still save the project by finding a work around that will allow me to fit all my items and their contents into the existing structure, some magic recipe ;0)
If this is not possible, I am hoping that someone can instruct me on how to design the structure to avoid the problem next time around.
Any help will be VERY MUCH APPRICIATED.
By the way, I think Adobe should definitely introduce the states limitation at an early point in their tutorials, so that it does not come as a nasty surprise when it is too late. I have watched all the adobe video tutorials and there is no mention of this limitation.
I hope that they will bring a video tutorial on how to work your way around it, with step by step examples, as soon as possible.
hjbune2
Message was edited by: hjbune2

Importing the swf's will destroy any actionscript they have. You'll need to copy the timelines of the games into movieclips in your other file.
You might instead consider just loading the games dynamically, making the main file more of a loading/summary platform that you use to communicate with the loaded games. This approach would likely allow you to easily add even more games as long as you have a similar communication scheme established.

Similar Messages

Flash Catalyst CS5.5 wireframe components panel missing

I am new to Flash Catalyst so this may be just a simple novice operation question.
I have been reviewing various training videos that Adobe provides on Flash Catalyst 5.5.
In all of the videos there exists a panel called "wireframe components".
In the panels on my version of Flash Catalysts 5.5 there are ONLY 2 panels - a Layers panel and Project Library panel.
I do not have a "wireframes component" panel.
How do I dispaly the wireframes component panel? Do I need to re-install Flash Catalyst?
Is this an add-on?
Please help.
thank you,

Please repost here: http://forums.adobe.com/community/flashcatalyst

Flash Catalyst idea

I want to change default package organize in Flash Catalyst, how to do that?
example, i want to rename the components package to the skins package, and more.

Hi Adam,
You are almost right !
I am just rephrasing my question for you to understand!
But I don't mean only carousel, I love to see the list control comes in some innovative paths. As you know in flash CS4 adobe has come with motion editor concept for tweening, where you can go ahead and fix some path for the motion of any object on the stage like in aftereffects.
Now how about i take a template from illustrator where i define the data template of a data list control and scroll bar as vector assets. Now in flash catalyst, i come and fix them as data template and scroll bar. Now i double click and go into the datatemplate and then have a editor like in flash, where i can set a path for the motion of the repeated items, then in runtime it follows that path. This is my first idea.
Second one was i have a search box on top of it , then i type some name to search from the above mentioned datalist control, now it refines and updates the exisiting list with relavant repeated items. When this layout updates , each item should animate and sit back on the data list.
It's a small example for my idea! Hope you got my point!
As you said , I am also mentioning the same repeated items(a.k.a. Data Template, a.k.a. Item Renderer)! One more level of animation to avoid coding and easy to create stunning path following list controls. Even it can be used to define other controls too ! I don't mean images, it can be anything!
Can it be possible ?
Thanks!
Regards,
Muthaiah,
Principal Web Technologist,
EMC Corporation, Bangalore.

After Flash Catalyst discontinued - What Workflow Designer / Developper to use? and how skin compone

Hi,
Now that Flash Catalyst is discontinued before being totally usable,
I used Flash Catalyst for skinning components and prototyping design of App.
So i wonder how experienced people do that without Flash Catalyst?
And more im asking to Adobe the same questions. What do you propose to do now what Flash catalyst helped to do until now?
how do you skin components?
how do you work with designers to get their App Pages designs?
in a word, what is the WorkFlow?
Thanks

I couldn't agree more with you that developers need a solid WYSIWYG tool, and Catalyst was Adobe's closest rival to Blend. It had much more potential than the amount of attention it received. Adobe was very foolish pulling the plug on it, not to mention all their other recent decisions related to the Flash Platform.
My point was that with all of the importing and exporting capabilities of Illustrator, Photoshop, Flash Professional, and especially Fireworks, you already have all of the capabilities of Flash Catalyst, at least in regards to making creative assets available to the Flex framework. That was the sole purpose of Catalyst- to bridge the gap between Adobe's design applications and Flex. If you weren't concerned with Flex, Flash Catalyst would be of no use, even if it were still in development. Exporting a Catalyst project to Flash Professional or HTML was never on it's roadmap, although I'm sure I'm not the first person who thought of those possibilities.
Catalyst, simply put, was the FXG editor which Flash Builder's design mode was not. For example, you could not draw a rectangle using Builder's design mode. With Catalyst CS5.5, it allowed you to directly assign FXG assets to MXML skins for ten of the nineteen Spark components which use the MXML skin architecture. This was a huge limitition, and espeically obvious with the new roundtripping feature, because using any of the non-supported components could easily break the connection between Builder & Catalyst. Honestly, myself and many of the Adobe engineers I talked to on the Flash Builder team, still do not understand why Catalyst wasn't merged into Flash Builder in the first place.
Perhaps it's not as useful out of context, but I compiled a presentation a few months ago for my Adobe user group, titled "Creative & Production Harmony": https://acrobat.com/#d=jNyu*qRjpF68tbl*8lCiTw&x=s
Basically what it outlined, was when to use Catalyst, and when you are better off exporting straight from the other design apps. My conclusion, was that you're generally better off designing your assets in the app you're comfortable with. That IS your WYSIWYG editor, to the precision of 1px. It was also a future proof answer since Catalyst was discontinued and many of the other Flex related workflows have evaporated. The main loss behind discontinuing Catalyst, were its states, timeline, and visual editing of FXG less commonly preserved when exporting from the other apps.
A workflow example for a project I recently used Catalyst with, http://disneycruiseadventure.com/ was to open the PSD provided inside of Photoshop, launch Catalyst, draw a shape (or copy/paste in a vector smart object from Illustrator), and use it's properties panel to match the Photoshop layer styles. This basically the climax of the day, because the rest of it was all spent manually editing code in Builder (and often fixing a lot of the crap code Catalyst spit out). For advanced use of graphics, we relied heavily on the Flex Component Kit, which basically lets you work with any MovieClip inside of Flex or even insert Flex components into a Flash Professional container. The integration between Flex & Flash Pro is most commonly overlooked, which is sad because it still offers the very most design freedom for Flex and has been around long before Catalyst.
In my personal project, my workflow heavily involves Fireworks. It's exporting capabilities are unparralled by any of the other Adobe design apps. You can design with the 1px precision you are after, and almost always preserve that precision after exporting to Flex 3, FXG, and even CSS. Speaking of CSS, now you can export to CSS3 and jQuery mobile themes using Fireworks. If I had a choice between Fireworks and Catalyst, I would take Fireworks without any question. If you're looking for another workflow, consider the idea of taking HTML/CSS exported by Fireworks and opening it inside of Adobe Edge for adding animation and interactivity. Then do your final editing with Dreamweaver, or skip the Edge step if you don't need it.

How to make a fullscreen button for Flash Catalyst?

Hey everyone. I really hope someone can help me with this. How can I make a fullscreen button in Flash Professional that would make my Flash Catalyst project go fullscreen?

I'm sorry I really don't know Flash Catalyst as much as I'd like to. Designing interfaces is left up to me, no designers at my agency use Catalyst. Though this is the Flash forum so that's as much as I can tell you. I didn't know Catalyst didn't support basic scripts (I thought I read that it did).
Ultimately, for a very cheap price you can do something like go to http://www.lynda.com/ and buy a membership. Dirt cheap compared to what you get. They offer many courses on all this stuff and I'm sure your answer would lie in one of the (nicely broken up by subject) video training videos.
Just searching for Catalyst brings up a bunch of courses:
http://www.lynda.com/search?q=catalyst&x=0&y=0
edit:
For instance I watched the essential CS5.5 training and I saw in 2 minutes flat that when you click on a button you should have an "Interactions" panel that lets you do things. If they didn't put fullscreen as an interaction that's another thing but I'm just pointing out it's very easy to learn how to do all sorts of things in video training. If you do not want to purchase a membership there just find a video you think would have the info in it and I'll watch it and let you know if it told me how to do it, and how to do it.

FAQ: How can I make my Flash Catalyst application scale/use a liquid layout?

Flash Catalyst CS5 currently only supports applications with fixed dimensions. Custom components you create in Catalyst have absolute sizing.
If you want to experiment with creating resizable applications (liquid layouts) and components in a preview of the next version of Flash Catalyst, codenamed "Panini", you can find more information here:
Introducing Adobe Flash Catalyst "Panini"
Download Adobe Flash Catalyst "Panini"
Adobe Flash Catalyst "Panini" help
Keep in mind that Flash Catalyst "Panini" preview is meant for exploration and testing, not real production. If you are doing real production work, here are some options that work with Flash Catalyst CS5 and Flash Builder:
Liquid Layouts
If you are building an application that requires relative constraints, you can take the FXP file from Flash Catalyst into Flash Builder, and apply constraints there so that your components resize according to your application dimensions.
For more info, see this Help topic:
Using constraint-based layouts in Flash Builder
SWF Scaling
If you want your swf to scale, without relative constraints, there's a simple way to make that work in Builder as well. Simply save out your FXP file from Flash Catalyst and import it into Flash Builder. Open up the "Main.mxml" file. Remove the width and height attributes on the Application tag, and add the attribute:
preinitialize="systemManager.stage.scaleMode='showAll'
The entire Application tag should look something like:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                  xmlns:s="library://ns.adobe.com/flex/spark"
                  xmlns:d="http://ns.adobe.com/fxg/2008/dt"
                  xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"
                  xmlns:ATE="http://ns.adobe.com/ate/2009"
                  xmlns:ai="http://ns.adobe.com/ai/2009"
                  xmlns:flm="http://ns.adobe.com/flame/2008"
                  xmlns:lib="assets.graphics.*"
                  xmlns:components="components.*"
                  backgroundColor="#FFFFFF"
                  preloaderChromeColor="#FFFFFF"
                  preinitialize="systemManager.stage.scaleMode='showAll'"
                  >
There are a couple other scale modes you may want to try, such as "exactFit", which are outlined at the below link:
Flash Stage Scale Modes
Finally, you will have to adjust the object embed code in your html page to set the size of your swf.
Original discussion here

you can`t. allow your application internet access without the network admin defining an exception for it specifically.
If you have admin rights use the router`s/proxy`y configuration software to allow an exception.

How do I reuse a custom component in Flash Catalyst?

All-
I'm sure this is easy, I simply can't figure it out. I've created a custom component in Flash Catalyst with two states, open and closed. I'd like to reuse this component in my app with different text assest. How is this done? Duplicating the component isn't available in this version...do I need to recreate the whole thing with different text?
Cheers,
`me

If you look in the library panel, there should be an entry for your custom component - probably something like CustomComponent1.mxml. Drag this out onto the artboard to create a new instance of the component.
In the case of a custom component, you can't change much on the second instance. If you have something like a text input skin though, you can change the text it is displaying for each instance.
We are working on making this sort of thing easier in the future, so stay tuned

How to send submited information on the form created in flash catalyst to an email??

Hi,
i have created a contact form in flash catalyst including submit button and i need this information to be emailed, when people press the submit button.
does anyone here have the idea what should i do and what is the easiest way????
please help me on this...

Hi Faryar,
Emailing a form requires some special setup on your web server. The actual sending of the email is done on the server-side. The SWF you create in Catalyst sends a request to your server, which then sends the email. Unfortunately, you have to be prepared to learn some server-side coding to get this to work.
Here are some resources to help you get started:
- A tutorial on making web forms: http://www.javascript-coder.com/html-form/how-to-make-a-form.phtml . Note that you'll be doing the actual form UI in Catalyst, instead of HTML (so you can skip those parts).
- Using the Flex Form control to sending email using PHP on the server: http://cookbooks.adobe.com/post_Submitting_a_Flex_form_using_PHP-8523.html . Note that you're not using the Form control, but this demonstrates how to write the PHP code.
- A good discussion of this topic. http://www.actionscript.org/forums/showthread.php3?t=181049
- One cheesy way of doing this without a server is to create a mailto link with the email body pulled from the form. When the user clicks the link, his email client will open up with the email pre-written, but he will still have to send it. I don't really recommend this method as many users don't have mailto configured on their machines. If you do want to do it, you just need to construct a mailto link dynamically from the form contents. Add a "Go to URL" interaction in Catalyst, import the project to builder, and then change the URL to something like this:
"mailto:[email protected]?subject=Form Submission&body=" + firstNameTextInput.text + ", " + lastNameTextInput.text".
-Adam

How to use field validators, like an EmailValidator, in a Flash Catalyst project?

After making a contact form in Flash Catalyst, I added an EmailValidator in Flash Builder.
Unfortunately, the validation error message is not visible: only the outline of the message box and the red outline around the input field.
Does someone has some tips or suggestions how to make the error text visible?
details:
1. code snippets:
in de <fx:Declarations> section:
<mx:EmailValidator id="emailValidator"
                                                               source="{emailInput}" property="text"
                                                               triggerEvent=""
                                                               requiredFieldError="Email address must be entered"
                                                               missingAtSignError="add @-sign, please" />
2. screenshot of 'empty' error message:
(rectangle on the right in the image should display an error message)
Thanks for any help,
Peter van der Post

The issue is that Flash Catalyst uses the Wireframe Theme. Validators display in this fashion under that theme. What you need to do, once you are done with the project, take it back into Flash Builder, and change the Theme. This can be done under Project > Properties > Flex Theme > Spark
Hope this helps.
Chris

How to create an ad banner using Flash Catalyst

This should be an easy question to answer...I've been able to create a variety of ad banners using Flash Catalyst but none of the online tutorials show how to link the ad banner to a URL...i.e. when someone clicks on the banner. I don't like the idea of having to create a button + Go To URL (on click) because the button doesn't appear on all screens/states, etc.
Is there a way to turn the entire project into a button without losing the animation action? i.e. so that no matter what state the banner is in, if someone clicks on it, they go to the URL?

Hi Chris,
Thanks for your advice. It's for our own sites, so we can accept the overhead.
The animation is simply fade in image, fade out image, fade in text message, fade out text message, fade in next image, etc.
So, when you say "they are instead wrapped inside a single custom component", I understand it conceptually but need a few details:
1. Does this mean I first create the custom component (before doing anything else)?
2. At what point to I import/load my Photoshop file with all of the layers?
Jim

How to Flash Catalyst CS 5.5 sound playing on the website

I'm creating a website in Flash Catalyst. How to do was play music website.

martinj70962688
Cs5.5 will platform specific, windows version serial number will not work on MAC.
Since it is an older version platform swap also not possible.

FAQ: How do I build a simple email form in Flash Catalyst?

You can transfer projects into Flash Builder to add functionality like this. Be aware that with Flash Catalyst CS5 and Flash Builder 4, this is a one-way trip. Here is a tutorial by Tanya Heins that explains how:
Creating a simple form with Flash Catalyst and Flash Builder
See original discussion thread.

The best MP3 player I ever found for flash uses xspf
playlists and xml - really cool and easy to use/implement. Check it
at
http://musicplayer.sourceforge.net/
This player will go through a playlist you determine, or can jump
from track to track. It takes a little bit of testing to set up,
but is much simpler than writing your own player - and it's free.

How i can add external files (pdf, jpg) to link of flash catalyst????

Hola, necesito agregar un archivo PDF o JPG a un boton en Flash Catalyst... como lo hago???
Hello, i need to add a file (PDF, JPG) to a button in flash catalyst... how can i do that???

Hello Saransoft84:
I saw that, my script not same as your script, but I do not know how I can write it as you, from where in action script I can found your command, as: but.onPress = function():Void
You attached same my file, I am very sorry as I trouble you in simple problem, but I did not found solution yet.
Regards

How can I setup Datalist's itemrenderers in Flash catalyst so Flex can use it as Skin ?

Hello Everyone !
I'm struggling with Flash Catalyst / Flex, as long as repeating google request in the objective to find an answer, but nothing so far...
Here is the deal : i want to have a clear Workflow between Catalyst and Builder. Therefore, i have two separates projects : one is modified by catalyst only and contains all my application's skins and design. The other one is edited by Flex Builder and contains all the logic. But i run into a very annoying problem, when it comes to Datalist !
I have an itemrenderer in a datalist that displays 3 information in 3 differents fields. Catalyst handles this good with it's conception time data panel. But, when you look at the source code, text properties of the created itemrenderer are binded to some stupide data object : {data.text1}, {data.text2}. That's great, but... In my Flex application, the real data object is more like data.name, data.firstname, data.score...
Is there a way i can tell Catalyst to use some {data.name} for its binding, so when the project is imported into Flash i can use Catalyst's generated code as "Skin" instead of modifying the catalyst's generated code ? That would break the workflow making iterative work impossible ?
Thanks in advance for information sharing or any solution to this...

There is no ddns setup in the TC so how are you going to get your public IP??
Port forwarding works ok.. give us a few screen shots of what you are doing..
And of course you need to make sure the target IP has a static IP address.. preferably set on the TC itself.
Overall though the Cisco router is probably better for this job.. just bridge the TC and use it as a backup device.. which is much closer to what it is in reality.

Additional wireframe components from Guillermo Torres Adobe Max Flash Catalyst Session?

I am wondering where I can find Guillermo Torres' additional wireframe components from his Adobe sesh: " Sketching Interactivity Using Flash Catalyst?? Is this availbale online somewhere?
Thanks!

Hey All,
Guillermo just let me know his wireframe components library is up on the XD Inspire blog, it's in the comments section of his video: https://xd.adobe.com/#/featured/video/430
If you want the direct link, here it is:
https://xd.adobe.com/downloads/torres_web_library_0.5.fxpl.zip
Enjoy
Tara

Flash Catalyst - how to encapsulate components

Similar Messages

Maybe you are looking for