Setup - frontend

Install the fCMS.mxp file provided with your download using Macromedia Extension Manager. After you have installed the fCMS, open Flash and locate the fCMS components in the Flash Components Panel. If the components panel is not open, you may press CTRL+F7 to open it.

 

General setup
1. Open a new Flash movie. In the timeline, rename Layer 1 to be called fCMS.

 

2. Drag the CMSMaster component from the fCMS components in the components panel anywhere onto the stage.

 

3. Click your mouse in frame 2 of the fCMS layer and press F5 in order to span the CMSMaster component across these frames (the fCMS should span across the complete number of frames for which the fCMS is used).

 

4. In order to be able to test the fCMS locally, some of the fCMS backend files must be copied to your local hard drive. Here is a simple way to do this:

a. Save your current .fla file to a folder on your hard drive.

b. Locate the folder called modules which is inside the fCMSBackend folder and copy the modules folder to the same folder that contains the .fla that you are currently working on.

5. Select the CMSMaster component that is on your stage and open the Component Inspector (Alt+F7). Enter the following parameters in the Component Inspector:

 

Parameter Description Example
fCMS Modules Path The path to the folder on your local hard drive containing the fCMS "modules" folder (as you created in step 11). For example "modules/" if modules are in the same folder as your .fla modules/
fCMS Server Path The URL of the fCMSBackendfolder on your webserver. Note: This must be completed with a "/". http://flashloaded.com/fCMSBackend/

Note: The fCMSMaster Modules Path parameter must always reflect the relative path to the modules folder. If the modules folder is located in a different relative location on the webserver, you should change this property before publishing the version that you will be uploading to the webserver.

 

Setting up an editable textfield
1. Create a new layer (underneath the fCMS layer). Call this layer text.

 

2. Click in frame 2 of the layer called text and press F6 to create a key frame.

 

3. While still in the key frame that you just created, drag a textfield onto the stage. This textfield will be used for the content that you are going to edit and display to the end user.

 

4. Set the textfield to be Dynamic Text and Multiline.

 

5. Give the textfield an instance name of myField_txt and type some sample text inside the textfield.
Note: It is recommended that you always give the textfields an instance name, even though Flash will assign them a name automatically.

 

6. Drag and drop the TextSatellite component from Component Panel on top of the textfield that you created. The instance name of the textfield will appear automatically inside the TextSatellite component (in the Flash MX2004 v7.2 and Flash 8 authoring enviroments). Every textfield that you add must have its own TextSatellite component.

 

7. Click in the the keyframe that you created for the textfield in frame 2 of the text layer and press F9 to open the actions panel. Type the following action in the actions panel:

stop();

 

You can then close the actions panel. Your timeline should now look something like this:

 

8. You may define the controls and font list as well as various other properties for each individual TextSatellite. For more information on this, please refer to the Properties Panel section.

 

Setting up an image holder
Drag and drop the ImageSatellite component onto the stage and place it wherever you would like the image to appear. You can resize this component using the the free transform tool in Flash. Give the ImageSatellite an instance name, for example: image1 You may also set the default text caption color for the ImageSatellite through the Component Inspector.

 

Publishing your movie
Movies using the fCMS may be published for Flash Player 7 or 8 (ActionScript 2.0). Users of the fCMS should enter the administration section through a browser that has Flash Player 8 installed (even though the movie may be published for Flash Player 7).