Quick Tips and Tricks

How To Move A Slot Or Module


The slots are universal and they can be used on any Moto CMS template. You can take a slot from one template and put it into another. This tutorial will show you how to do it.

1. The main slot's Movie Clip and its assets.

First, we open the website.fla file of the template which contains the slot we want to use. In the library we open Template Elements --> Slots, find the needed slot and select it and its Assets folder. Then we right-click on the selected elements and choose Copy (or press Ctrl-C on keyboard).


Now we should open the website.fla of the template which we want to put our slot to. We open Template Elements --> Slots, right-click on the folder, and choose Paste (or press Ctrl-V on keyboard).


2. AS file.

Now we need to ascertain if there is an AS file for this slot. We right-click on the slot's Movie Clip and choose Linkage Properties. Let's check the Base class field. If the AbstractMotoSlot is inherited for this slot, then it doesn't have the own AS file and this step should be skipped. In our case the slot has its own class named BGImageSlot, so we have to copy it too.


It can be found in the src\slots folder of the template. We copy it to the same folder of another template.

3. Structure.xml

And the last step is copying the slot's node from the structure.xml. Open the structure.xml file of the source template and find the node of the slot you need. It can be found by the librarySymbolLinkage="" attribute - its value will conform to the Class name in the slot's Movie Clip linkage properties. In this example it is BGImageSlot.

        <slot id="3" librarySymbolLinkage="BGImageSlot" animated="true" resizable="true" mainPropertyID="1">
            <name><![CDATA[Background Image Slot]]></name>
                <property id="1" type="image">
                <property id="4" type="plainText">
                    <name><![CDATA[Gallery ID]]></name>
                <property id="2" type="checkBox">
                    <name><![CDATA[FullScreen Mode]]></name>
                <property id="3" type="radioButton">
                        <item data="Fill">fill</item>
                        <item data="Fit">fit</item>
                        <item data="Center">center</item>
                        <item data="Zoom">zoom</item>
            <template width="1100" height="830" alpha="1" blocked="false">
                    <item propertyType="1"><![CDATA[images/bg-ell-1.png]]></item>
                    <item propertyType="2"><![CDATA[true]]></item>
                    <item propertyType="3"><![CDATA[Center]]></item>
                    <item propertyType="4"><![CDATA[0]]></item>

So, let's select the whole node and paste it to the <slots> section of another structure.xml.

It's very important to set the correct id for the slot in the new template. You should set the ID which is not taken by any other slot. In our example the template had five slots before putting a new one, that's why the ID will be "6".

The same goes for modules - you can move them in a similar way.



How To Install An External Module

This article will show you how to install an external module to your template. We'll take an external Horizontal Menu module as an example.

1.png Extracting swf file.
External module consists of swf and xml files. We should put the swf file to the modules folder of the website.

2.png Copying the xml code.
As to the xml file, we won't replace structure.xml of the website with the module's xml file. We will only copy the code to the website's structure.xml.

Let's open the module's structure.xml and copy the code. Then we open the structure.xml of the website, find the <modules> node, and paste the copied code after last module (before </modules>).

3.png Specifying IDs.
Now we should specify the ID of the module which we have inserted. We should check which ID the last module had before we inserted a new one, and set the next number for our new module.
If there are two modules being inserted, as in this example, we should change both IDs so that they go in consecutive order. There were 10 modules in the structure.xml, so the new modules' IDs will be 11 and 12:

  <module id="11" type="dynamicMenu" librarySymbolLinkage="MainMenu" external="true" url="modules/externalSimpleMenu.swf" ...
  <module id="12" type="dynamicMenu" librarySymbolLinkage="MainSubMenu" external="true" url="modules/externalSimpleMenu.swf" ...

Also there is the submenu type specified for the menu in our case, so we change the <dropDownMenuType>2</dropDownMenuType> value to a new ID of the submenu:


That's all! Now we can open the control panel and find the new module (Horizontal Menu) in the modules menu.

How to install an MXP file

The components provided MXP files may be installed with the help of Adobe Extension Manager which is the part of Flash IDE. Moto CMS components use Actionscript 3 and require Flash Player 9 or higher that allows you to work in Flash CS3 and higher.

Before the installation runs the component, MXP files are opened with Adobe Extension Manager automatically. Otherwise, you will need to open Adobe Extension Manager manually and install Moto CMS components with the help of the Menu. As soon as it is installed, the component may be used in Flash IDE. Please open Flash IDE components (Window-> Components, or Ctrl+F7) and find the new folder Moto CMS with all the Moto CMS components included. Drag the necessary elements to the Library and start working with them.

Moto CMS is a major component that contains all the main classes and logics of the engine. Additional components were created for more comfortable and prompt development of the flash websites. They include loaders, media display, module content area, etc...

You can find the latest Moto CMS MXP component in our Downloads Section.
Have more questions? Submit a request