In this article we will try to explain how to embed CU3ER Adobe Flash Catalyst software.
We will try to make as simple as possible.

1. First create your project and export it from cManager, download the zip project file and extract it in a folder. Plaase do not use absolute paths when creating a project. Do not change images, fonts and XML paths in order for CU3ER to be displayed correctly in Adobe Flash Catalyst.

2. In order to import CU3ER to stage please selet File > Import > SWF File

3. Select CU3ER.swf file from the folder where you've extracted your CU3ER project

4. You will see CU3ER.swf appearing on the stage as a selected rectangle. Please DO NOT RESIZE it, you can position it but resizing will alter CU3ER scaling which is Flash Catalyst way of handling SWF files.

5. To test a project click on FIle > Run project 

6. You will see browser opening an URL, but nothing will appear. That is because no assets are available to CU3ER. Take a look at the testing URL. This is the folder we will copy CU3ER assets to. 

7. Navigate yourself to the folder where you've exported your CU3ER project and copy the images, fonts folders and CU3ER-config.xml

8. Navigate yourselt to the testing folder. It is usually /Users/username/Library/Application Support/Adobe/Flash Catalyst/workspace/Project/bin-debug on Mac or /Users/username/Application Data/Adobe/Flash Catalyst/workspace/Project/bin-debug/ on Windows. Paste the assets from previous step in this folder.

9. Run the project again, like in step 5 using File > Run project. This time, because assets are available to CU3ER you will see CU3ER running just fine in test. Please note that display positions may not be correct. We need to edit CU3ER-config.xml in order to force CU3ER display size. We will do that in next step.

10. To force a CU3ER display size you need to edit CU3ER-config.xml and update project_settings node. If you do not have one add it and put values according to picture below. Width and height nodes are CU3ER embedding size nodes, one that you would put when embedding in HTML page. And very important is force_size node, it needs to be set to true. You can edit CU3ER-config.xml in your exported project folder and then copy it to all needed locations. This is VERY IMPORTANT step.

11. After you edit XML and copy it to testing folder, you can test you project again like in step 7 using File > Run Project. You will see that now element positioning is just like you've created in cManager.

12. When you are done with your project you can publish it to Web or offline version. To do that click on File > Publish to SWF/AIR...

13. You will see new dialog open. Click on Browse to select a folder where you want to export your project. Please note that you will need to copy assets to this folder to, which will be explained in next steps. When you choose a folder press Publish to publish you project.

14. Navigate yourself to the published project folder. Depending on your choice of publishing local and/or web version you will see folders deploy-to-web and run-local. Please copy CU3ER assets from step 7. to both of this folders too. You need to copy CU3ER assets to both folder in order for CU3ER to run fine.

that is all, you can now start using CU3ER in your Flash Catalyst projects.



Things that are important to remember are :

• do not change SWF, image, fonts and XML path in your project, leave the original ones
• edit your XML CU3ER-config.xml following step 10
• copy project assets to a testing folder from steps 7,8 and 14 

Please let us know if we can help further, and happy creating great pages in Adobe Flash Catalyst with CU3ER slideshow.