Resize a in Flash Catalyst

This is the first time I use Flash Catalyst, and I did a project in a format of 1280x800 with all the components and images in this size, but now I need that all change to 1024x768px. You know any code that i can used to change the size of all, whithout using flash builder?
Thanks!
PD: Sorry if my english it's not good.

You need to set the constraints on all your components in the project. This tells the project how each element should respond to be being resized.
This is button that is positioned toward the upper left of a project. Note the circle elements, these are the constraint handles. When you click on them, this will apply a display constraint to the component.
So now, this button will remain locked or constrained to the upper left of the window. If you need to change how the constraint is applied, right click on the blue anchor, and contextual menu will appear. This menu will allow you to change it from Fixed (default), Center, or None.
Before retorfitting an entire project. Start a new project, play with a few components to get the feel, then apply what you have learned to the real project.
Chris

Similar Messages

Flash Catalyst CS5 resizable application with webpage zoom?

Hi guys,
I've come back to Catalyst cs5 after a long while of not using it and am wondering if it is possible to create something and make it resizable?
I seem to remember reading a while back about a way to do it in flash builder but can't for the life of me find the discussion again.
What I have is a basic photo gallery with thumbnails on the side and one large image that changes when you click the thumbnail. All this is great on a standard webpage but when you zoom in on the web browser with CTRL and + or zoom out with CTRL and - the SWF stays the same size. I'd like to be able to make it so the SWF resizes with the zoom so people with trouble seeing can view it bigger.
Does anybody have any idea how I can do this, if it is possible? (Baring in mind I can't upgrade to Catalyst 5.5)
Thanks,
Gareth

Hi,
That really helped me out!
I was playing around with importing all different file types to see what would crash Flash Catalyst and it appears to just be .flv files, because it imports images, mp3s, and swf files and .f4v video files with no problems. Hey, at least now I can continue importing videos as long as they are .f4v's!
Would still be helpful to figure out why it doesn't like .flv's though...
The step are: File>Import>Video/Sound File...Dialogue box opens, I choose any .flv file (include files which seemed to work fine before) and the program just quits itself giving me the error report window. When I use .f4v files no such problem occurs...
Will send you a yousendit link containing one of the guilty .flv files now - this is a .flv file I used in creating a page with flash Catalyst just days ago before it decided it would no longer import them.
Thanks for your help so far
Adam

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.

Swf published from Flash Catalyst not playing in Flash Player

Hi All,
I have 2 issues which I'm not sure may be related or not.
- I've created a project in FC but when I publish it to .swf it does not open in Flash Player. It plays in Chrome but Flash Player 10 gives a blank screen.
- I have FC 5.5 and I want to make the project scale according to the browser size. How can I do this? I have checked the Resize option but when it open in Chrome it just cuts out all that is outside the browser screen area.
Thanks.
Tej

I can not recall the minimum Flash Player that is required for Flash Catalyst. I suspect that your version of Flash Player is too low. Chrome auto-updates to the latest version, so that is why it works in Chrome.
Also, make sure you understand the differences between resizing and scaling. I wrote a blog post on this here: http://chrisgriffith.wordpress.com/2011/06/22/understanding-resizing-and-scaling-in-flash- catalyst/
Chris

Flash Catalyst CS5.5 Scale to fit the Browser size.

Hello,
I've create a website and when i preview on my browser ( 1280x664 website size) it look very good ,but when i try to see it from a different desktop will smaller or bigger size my website is croped ,some important functions are croped.
I've been all the day looking in internet trying to fund a solution how to fix this but nothing.
I saw an article that explaind how to fix that in flash catalyst cs5 and i tried to but didnt work
so please help me to tell me how to make this work, i want just my website to get scaled
''to work in any monitor size''
Thank you

Could you add a link to your site here at all ? That would help with some workarounds maybe.
I have noticed that many of the professional websites designed by web-agencies use a common design. They design the content to fit the majority of users who can view and do seem to view at around 800 x 450 - take a look at this as a good reference point.
They then place the main content in a container - and centre it - so that it moves with fluidity - as the users resize the browser window, the content stays central on the page. Often a background image is used behind the main content - and the background image can be scaled to fit the window.
There are some good examples like Carl Cox's Intec Label Website and some more at a great London Design Agency called bobbentleydesign.com
You will note that many of these sites use the same method. Since such reputable designers use the same methods I would assume there's a damn good reason to do it that way, it must be the best way available . . . if there was a reliable way to scale everything then I would bet these pro's would be doing so - but they dont.
Sorry I do not have the kind of solution that you are looking for. I am not a pro and very new to CS5 myself but I hope it may help you out. I think you are looking for something that can not be done effectively or consistently but I may be wrong. Perhaps someone knows but in the meantime . . . work around it.

Flash catalyst 5 file opened in flash builder gives "Error #2032"

Hi there,
As the title suggests I created a file in Flash catalyst 5 and to give it resizeability I edited it in flash builder to add preinitialize="systemManager.stage.scaleMode='showAll'" in main.xhtml as I found suggested in the forums.
The problem is when I try to load this in my web browser I get the #2032 error and nothing happens.
Does anybody more knowledgeable than me have any ideas as to why I might be getting this error?
Best regards,
Gareth

I'll give you the short answer, Flash Catalyst is built on top of the Flex Framework and it's libraries. When you launch or load a FC swf, it will contact the Adobe servers to check the status of various libraries. Since you are loading this into a standard Flash Professional created swf, you are by passing some of the fallbacks that exist.
If the movieClip that you are creating is just a filler image, and you are just centering the FC swf, then I also recommend using CSS to display the filler and some HTML/CSS to center the content.
Hope this helps a little.
If you did the loading of the FC swf from a Flash Builder based project, you should not have the issue, since it is a Flex based SWF, the framework checks are already handled for you.
Chris

My top ten requested features for Flash Catalyst Next

Here is my top ten list of requested features for Flash Catalyst:
10. Rearranging of pages / states in the pages / states panel (also resizing to smaller icons)
9. Menu bar option to Insert Custom / Generic Component. There isn't a way to create a custom component without first adding something to stage and then converting that.
8. Edit component on double click in layers panel
7. Replace existing artwork with library component - for example, when you create a button or text input then you should be able to use that skin in all of the text input instances rather than creating new ones every time you choose convert artwork to component
6. Artboard sized to content - no hardcoded size of the project
5. Import of Flex Components / movieclps
4. Flex Capacitor library integration / support - supports deep linking and navigation through your flash catalyst or flex project without coding - all the work is done
3. Integration and coexistence in native Flex project - no fxpl or zip - flat file structure
2. Container support - VGroup HGroup Skinnable Container - set layout property
1. Component Constraints support - top left bottom right horizontal center vertical center baseline width height 100%

Additional features:
• When opening a Illustrator file the option to choose which artboard or layers to import (rather than the whole project).
• Set a default option so that all imported text fields from Illustrator use "Fit Height". Mainly because currently it is cutting off the descent but also bc it allows you to change the text content (globalization) and have the text fit.
• Show intersection lines while dragging. At least vertical center and horizontal center... similar to Flex and Illustrator.
• Add a convert to vector when selecting images.
• In the code view the default directory "components" could be renamed to something like: design, compositions, construction, architecture, form, embodiments, chassis, constitution, frame, representation, manifestation, cast, expression, mold, etc. just not skins. design, chassis, representations, cast, expressions, compositions are my favorites. It would be nice to be able to define this folder path in preferences.
• Use the layer name to name the library components. Otherwise there is a directory with 30 assets named "graphic[n]".
• Command to clean out library of unused symbols.

Is upgrade to flash catalyst CS5.5 worth it?

I'm using panini and burrito right now. If i spend the $80 to go to FC CS5.5 is it worth it?
Will it still round trip with Burrito? (FB upgrade is about $400 I think)
Other option is to upgrade my Master Collection but that's still gonna cost $600 I think. Not sure which version of FB that gives me.
I guess I'm wondering , will FC CS5.5 give me anything significant that I don't already have in Panini?

For me, the two main reasons to upgrade are:
- The ability to create resizable applications
- The possibility to import a FXPL with custom skinnable components created in Flash Builder, and to skin these components in Flash Catalyst
But there are other improvements concerning transitions, the timeline and so on...

Auto-fit browser in Flash Catalyst

Hello wise people :-)
I'm an old veteran in photoshop, and just discovered the wonders behind flash catalyst.
I just have this one problem.
Let's see.
I'm creating a beautiful website on my 20" screen, and publish it to my server.
It looks great! But when I try to visit the page from my laptop (wich is smaller), and here comes the problem.
The page was made to fit an 20" inch screen! I don't know how to make it auto-fit ALL browsers and computers.
Does anyone know a solution to my problem ?
Thanks!
Ben

You will need vectorized graphic to solve that becuse the bitmap gonna deform the pixel when you scale it up or down. A idéa - do the graphic in flash import them as .swf and a javascript on the html-page that get the screensize should solve it. Or resize the ria with a fullscreen mode ActionScript.
Is there anyone that have tried to run in fullscreen mode in catalyst?

Open a Flash Catalyst file with new Panini?

Hello,
I put myself under the bracket of a designer, although have the skills to use flash professional, using as3 but have fount using flash catalyst to be a breathe of fresh air as I can stay well away from code and achieve quick basic outcomes. My only issue I have is when getting Panini and now I am itching to use the new features, especially a simple design I have done for a webpage and I need the new resizable feature to completely make it complete.
I realise there is yet the possibility of opening an old file into the new Panini, although in the future there will be... but I kinda need it now and I get the obvious error below:
This preview version of Flash Catalyst Panini cannot upgrade Flash Catalyst CS5 projects. This feature will be enabled in a future build.
To open this project, open the FXP in Flash Builder Burrito, resolve Flash Catalyst compatibility issues, and then Export as a new Flash Builder Project (.FXP)
Now I have Burrito and have stared longaly at the code but don't know where to start, is there anyone who could help me out? I am a student so have no access to a developer as such and the design is only for a friend but would apprecaite the help, not much the way in tutorials on cutting edge tech!
Thanks,
Matt

Hello,
I put myself under the bracket of a designer, although have the skills to use flash professional, using as3 but have fount using flash catalyst to be a breathe of fresh air as I can stay well away from code and achieve quick basic outcomes. My only issue I have is when getting Panini and now I am itching to use the new features, especially a simple design I have done for a webpage and I need the new resizable feature to completely make it complete.
I realise there is yet the possibility of opening an old file into the new Panini, although in the future there will be... but I kinda need it now and I get the obvious error below:
This preview version of Flash Catalyst Panini cannot upgrade Flash Catalyst CS5 projects. This feature will be enabled in a future build.
To open this project, open the FXP in Flash Builder Burrito, resolve Flash Catalyst compatibility issues, and then Export as a new Flash Builder Project (.FXP)
Now I have Burrito and have stared longaly at the code but don't know where to start, is there anyone who could help me out? I am a student so have no access to a developer as such and the design is only for a friend but would apprecaite the help, not much the way in tutorials on cutting edge tech!
Thanks,
Matt

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

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

Resize a in Flash Catalyst

Similar Messages

Maybe you are looking for