Remote Rollover in Flash Catalyst

Hi there,
I am trying to figure out how to make a remote rollover button in flash catalyst. I have one graphic, when the mouse rolls over one part of that graphic, text should appear next to it...while rolling off the graphic, the text should disappear again. Once the button is clicked, the graphic should move to the edge of the page and new text should appear. Is this possible in Flash catalyst? I could not find anything...
Your input is greatly appreciated

You can do this through states (called Pages/States in CS5, just States in Panini. I'm going to refer to it as just States here.)
You're best bet here would be to convert the graphic to a custom component by selecting it and choosing Generic/Custom Component from the HUD. Then, double-click the graphic to edit the component. Then, click the graphic and convert it into a custom component again (so you will have a component within a component.) This is necessary because you need to add an interaction, and you can only do that on components.
Use the States panel to create a duplicate state. In that state, add the text that you want to appear when you roll over the graphic. Go back to the first state, click on the graphic, and use the Interactions panel to create a transition between the states, setting the trigger for the interaction to On Roll Over, the action to Transition to State, the state to your second state, and the When In State to your first state. Repeat this process in your second state, but set the trigger to On Roll Out, the action to Transition to State, the state to your first state, and the When In State to your second state.
Now, go back up to the States panel, click on the second state, and again click Duplicate State. In this new third state, move the graphic to the desired final location, and make any necessary changes to the text. Then, repeat the steps outlined in the prior paragraph to create an On Click interaction to transition to this state. Be sure to set the When In State option to Any State this time.

Similar Messages

Rollover menu in Flash Catalyst

Hi, I want to make a rollover menu in Flash Catalyst. That means, that I have a "select language" PSD and a "German and Enlish" PSD. When I transform the "Select language" PSD into a Button and put the second graphic into the state "over", then the menu opens like it should do. But now i can't transform the "German" and "English" text into a button cause I can't make a button inside an other button. I hope you can understand...(:
Hope you know a way to make this rollover! (-: Sorry for my English!
Hallo, ich würde gerne ein Rollovermenü in Flash Catalyst machen. D.h. ich habe eine "Sprache wählen" Grafik und eine Grafik mit "Deutsch und Englisch". Wenn ich jetzt die "Sprache wählen" Grafik als Schaltfläche nehme, und beim Status "darüber" die andere PSD-Grafik einfüge, dann öffnet sich das Menü genau, wie ich will. Ich kann aber natürlich die Texte "Deutsch" und "Englisch" nicht als weitere Schaltfläche machen. Weil ich ja nicht eine Schaltfläche in eine Schaltfläche machen kann.
Ich hoffe, das war verständlich. (-: Hat jemand eine generelle Idee, wie man so etwas macht?
Grüße!

See if this tutorial might solve your issue:
http://insideria.com/2009/10/flash-catalyst-beta-2-combobox.html
Chris

Good information for anyone using Flash Catalyst CS5 !!!

I am using FC_CS5 and I am a huge fan and can not wait for the next version to come out. I have already maxed out the potential of this program and I have noticed many other people having the same problem that I had when it comes to not being able to create any more than 20 different states or 20 different pages.
The way around this is simply to design your project within AI CS5, Fireworks CS5, Photoshop CS5. I started my project out in Illustrator CS5 simply because Flash catalyst will recognize your layers and your individual artboards and will lay them out for you in your Catalyst project. This is the great part!!!
You can't create new or duplicate anything over 20 states from within Catalyst but you can create a large amount of artboards or in catalyst terms, "states", thus allowing you to get by the restriction within catalyst.
My project has about 45 different artboards. I created a few extra artboards incase the client wanted to add some stuff later on. I create a catalyst project from my AI project and now I have 45 different states.
I hope this will help anyone who is using Flash Catalyst and I can't wait for the adobe crew to fix this issue allow for more than 20 states in the future and I better not find out that the adobe crew stops the "work around" I described above!

OH man it's precious.
Do you have any insight into my imported swf problem?
I have just now updated dw and fc and redone the process (heard imported swfs was easier on the beta version) don't know why I can't manage my assets, or what I did wrong in one instance, but correctly in the other. (see the animation on the LW corner).
The help files really need to be developed in this area, I guess..
two versions, testing server correct: www.cachetrade.com
Not running swf (with rollover of the yogi on the left): www.desertypalmyoga.com
Is this a hijack or a top-post?
I really just want to understand the issues so I can plan workflow: really quite powerful, that's why this first design in most b+w (though curious how the color overlays and modes will work... )
THANKS!

Flash Catalyst photogallery

Hi,
i'm a newbe in FC, and i'm trying to do a mini photogallery like this:
but i do not reach the desidered result...
I would like to have those 'reactions' browsing' the gallery:
1) on mouse over the thumb the big image should appear
2) on click on a thumb the image should change and become "fix"
the picture are layered in the illustrator design file...
does anybody have a viable solution?
thx a lot
cheers

You can almost do this design in Flash Catalyst. You will run into issues, when the user's cursor leaves the thumbnail. You might be able to make ti work if you have two copies of the full screen image, one that is the fixed version and one that responds to the rollover interaction. You will have to toggle the visibility states of these components as you respond to the interactions.
In the preview release of Flash Catalyst 'Panini', there is some improvements in the component targeting that might make your efforts a bit easier. The preview release can be downloaded at http://labs.adobe.com/technologies/flashcatalyst_panini/

Flash Catalyst, Flash Builder and Adobe Air....Issues...

My problem is simple.
I have a flash catalyst project I importedc it into flash builder - whats the issue? its a web app. I need it as a air app. I don't know how to change it from a web app to an air app.
Also:
If I publish the "demo" version in Flash cat as a air app and install it, I have to resize the window? even when I set the bounds to be 800x600 it shows up on the desktop as either half that or sligtly larger. even running the swf - publishing for both web and air for testing - i have to resize the swf (unless its embeded on a page). why is this happening?
Tha main purpose here is to change the imported flas cat proj into a air app in flash builder so i can change the default chrome.
Thanks.

I finally find what the problem was. It has nothing to do with either the server, neither Flash Player or Adobe Air.
The problem came from mstc window (remote desktop software). By default it was set to display 16bit colors. I might have changed it sometime to 15bit.
By setting it to 16bit, it solved the problem.

Unable to run project: illegal character in path - Flash Catalyst CS5.5

Environment is a new install of Windows 7 x64 on a new Dell workstation in an Active Directory environment. Until fall of last year, we used redirected folders for the Application Data folders until issues with Adobe Reader 9.x forced us to abandon that and we reconfigured our network not to use redirected folders. We have not experienced any issues and all programs are using the Application Data folder on the local machines.
Just installed Adobe Master Collection on a new workstation and all Adobe applications are using the C:\Users\cballew\AppData\Roaming\Adobe folder including Flash Catalyst. However, when I try to Run Project in Catalyst, it created a folder named Application Data using the network path to where we used to store the Application Data folder and is saving its workspace there. No other programs (including Adobe products) are doing this. Any ideads of how to fix it?
Error message:
Unable to run project
Illegal character in path at index 47: file:///////xxxx.corp/home$/cballew/Application Data/Adobe/Flash Catalysts CS5.5/workspace/Project/bin-debug/Maim.html

This seems to be configured in an ini file located at C:\Program Files (x86)\Adobe\Adobe Flash Catalyst CS5.5\configuration\config.ini
[email protected]/Application Data/Adobe/Flash Catalyst CS5.5/workspace
[email protected]/Application Data/Adobe/Flash Catalyst CS5.5
[email protected]/Application Data/Adobe/Flash Catalyst CS5.5/configuration
Can anyone tell me where the variable @user.home is defined and whether I can change it or not? I might find that some of the other applications might experience this same issue

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.

Three things I would like to see in Flash Catalyst.

1. I would REALLY like a way to edit the code in Flash Catalyst. If Adobe doesn't figure this one out, they will lose a lot of business. I'm not going to buy an other product like Flex just so I can edit the code. I'm sure I'm not the only one, but once in a while, designers need to edit some code.
2. It would be nice if I could just double click groups or layers to edit them (like in Flash an illustrator). Currently, it is very painful having to dig through groups and layers just to edit an object. This is a real time waster and it can add several hours on to a small project.
3. Effects. I know you can add drop shadows and glows to objects in Photoshop and Illustrator, but is the a way to do these in Catalyst? That would be nice to have.
Thoughts?

Thank you for the feedback. Let me respond to each of your suggestions:
1. Code editing
We certainly recognize the value of editing code in Catalyst and recognize that designers as well as developers want to edit their code. Being about to robustly round trip code in Catalyst is a feature that we plan to address in a later version of Catalyst.
2. Editing in place/isolation mode on groups
I agree that this is a real time saver by making selections and editing much faster. For now, a work-around that may work for some artwork is to convert it to a custom component so that it can be edited in isolation. I recognize this is a trade off. If you convert artwork to a component then you can edit in place, but you won't be able to use the white arrow selection tool to "reach" into the component when you are not editing in place
3. Applying effects to artwork in Catalyst
Coming in the next beta release :-)
Ty

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.

Problem Extracting Photoshop elements/gradient in Flash Catalyst to create skin

Hi,
Is there is any way to get all the psd elements( i.e background gradient), in Flash catalyst.The photoshop files can be opened with different layers but all the
gradient/color portion are getting converted into images.
Excluding catalyst, Do we have any mechanism to create skin file(mxml)from psd files,except the Flex skin extensions.
Please let me know how can we open photoshop file into Catalyst so that its color/gradients won't get convert into image.
Regards,
Renu

I took a look at the tutorial PSD file and couldn't find anything wrong with it.
When you save your project file, the only file that it should save is the ecotours_ui.fxp file. The ecotours_site.fxp file was one that was bundled in the tutorial files .zip package.
It shouldn't be a problem that you have the CS3 versions of Photoshop and Flash. As you have said, you are not running them. The lack of RAM could possibly be an issue. Another possibility might be some permissions getting in your way. Have you checked to see if the files or folders that got unzipped will allow you to write to them?
-Adam Altman
Catalyst Engineering

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

FAQ: How do I create a scrolling panel in Flash Catalyst?

A common challenge in web design is finding space in the available window to display all of the necessary content. One solution is to create scrolling panels. A panel creates a well-defined container for content in the user interface. By adding scrolling content and a scroll bar, you can place a large amount of information in a limited space. To create a scrolling panel in Flash Catalyst, you need:
An object to define the panel area, such as a rectangle shape (optional)
Scrolling content, such as a long block of text or a series of images (required)
A scroll bar used to scroll the content (recommended)
Follow these steps in Flash Catalyst Help to create a scrolling panel:
Create a scroll panel component
There are also video tutorials showing examples of different scrolling panels:
Creating a scroll panel in Flash Catalyst, by Doug Winnie
Create a scrolling text panel in Flash Catalyst, by Terry White

Thank You, Thank You,
Thaqnk You
Allen D. Macfalda

Warning when trying to install flash catalyst

I get this warning when I try to install Falsh Catalyst:
Support for CPU extension SSE
This product does not support PowerPC architecture CPU.
Is my computer too much of a dinosaur or something? It's a G5. Help

Thanks for the input Arthurlock,
This is such a bummer. You guys aren't alone in your disappointment. I was extremely excited too. Thank you two for posting. I finally found a relevant post after 5 hrs and change. I couldn't figure out how to resolve this same problem, and I was too stubborn to give in. All I needed was a simple answer, as Arthur stated.
That said, what are our options? I've been running around in circles trying to figure what my next steps should be? ... Any input is welcome. I really don't want to purchase another computer to be able to use the new adobe software. I guess I didn't realize my computer was turning into such a dinosaur...
"Sorry Mac Daddy, no more Christmas Flash Catalyst for you... "
Running on:
imac 1.6GHz PowerPC G5
OSX 10.5.8
Thanks,
Brandi

Switching from Flash to Flash Catalyst/Flex

For the last few years I have been developing applications for project reporting. To explain this in simplest terms, my clients give me hundreds of reports and supporting documents, graphics, videos, etc. which I then condense and reorganize into a presentation/application in Flash. The project is then published as an .exe to be burned to CD ROM or DVD along with any supporting files and is then distributed to project stake holders, investors, etc.
I'm considering the possibility of a switch from Flash to Flash Catalyst/Flex and want to outline what my needs are, here in the forum, in hopes that others now using Catalyst/Flex can help me decide if this is an appropriate move.
Features needed:
1. Basic animation, transitions, etc.
2. Full Navigation (up to 3 levels) for up to 300 slides.
3. Keyboard navigation (PageUp/PageDown) to navigate sequentially through the entire presentation.
4. Linking into other applications and documents - Word, Excel, Power Point, etc.
5. Full Screen Mode
6. Slide Show Mode
7. Search Features
8. Slide sharing (via email)
9. Video and audio w/controls
10. Pan and Zoom w/controls (panning and zooming of graphics and .swf files)
11. Scrolling (scrolling of text, graphics and .swf files)
12. Interactive forms
Can anyone please comment specifically on these features and wether or not they are possible using Catalyst and/or Catalyst/Flex in combination.
Thank you all for any insight or suggestions.
John

With the exception of making fre-form animations (like a cartoon for example), everything you can do in Flash can be done in Flex considerably faster.
The downside is that Flex applications (especially ones designed in Catalyst) are generally larger, and consume more memory. Personally, I never publish anything made in Catalyst without optimizing it in Flash Builder first.
If the drop in operating performance isn't a deal breaker (most of the time you can't even notice it), then I would certainly consider moving to Flex going forward on new projects.

FAQ: SWF's and loading external files in Flash Catalyst

How do I make the images in my Flash Catalyst project external to the published SWF?
You can choose whether images are embedded in your Flash Catalyst SWF, or loaded dynamically; this can help to keep your SWF's small. Simply right-click an image and chose "Externalize Image".
Answered by: Adam Cath.
See entire discussion.
How do I make the SWF I imported to Flash Catalyst load external files?
When importing a SWF, Flash Catalyst only pulls the SWF asset into your project. Many SWF's, such as slideshows and media players, rely on external data files, such as configuration files or media assets. If you would like to use such a SWF in Catalyst, then you will have to place these external resources into your Catalyst project as well as importing the SWF.
Let's assume you have a SWF source folder that contains your SWF file and all of the external files it needs. You can open the SWF file from this folder and it works fine. But, if you import the SWF into Catalyst, the Catalyst project doesn't display it correctly because it can't load the external files. Here's what you do:
1. Open your swf source folder, and copy all of the files/folders there except the SWF you imported.
2. In Catalyst, Run/Preview your project (Ctl/Cmd-Enter)
2. Note the file path to Main.html in your browser
3. In your OS, open the folder that contains /bin-debug/Main.html from above
4. Open the "src" folder
5. Paste all of the files from step 1 into the src folder.
6. Catalyst won't pick up that your project changed, so tweak it a bit (add a Rectangle), and save it.
7. Run your project. If it doesn't work, try closing and reopening your project and running again.
For an example, check out: Using an XML-driven SWF in Catalyst to create a slideshow.
See entire discussion.
Answered by: Bear Travis

You can make you swf a custom component with 2 states.
The first state will be empty and rename it "OFF" the second state will have your swf file and name it ON.
Then go back to your artboard/project, add your 2 buttons ON & OFF.
For the ON button add interaction "play transition to custom component ON"
For the OFF button add interaction "play transition to custom component OFF"
Here is an example swf_control

Remote Rollover in Flash Catalyst

Similar Messages

Maybe you are looking for