Adobe 38039927 Extended User Guide - Page 293

ADOBE FIREWORKS CS3 289 Extending Guide Flex Component Definitions for MXML and Images Export When exporting a Fireworks document with the MXML and Image export, Fireworks checks each element's customData property for definitions that dictate how that element should appear in the resulting MXML. If no MXML-related definitions are found, the element is exported as an image. Each Flex component found in the Fireworks common library already has unique customData definitions that allow it to be exported as MXML. If you wish to have elements within your document export as their own custom MXML tags you can do so with the following customData definitions. flexClassName Flex component symbols are associated as being Flex Components by the MXML and Images import through a customData property called flexClassName. Format flexClassName = "WhichClass"; When this property is present in a Fireworks element, the MXML and Images export process exports the element as a specific MXML tag and not as an image. Its value indicates the tag name of the MXML class generated. Example element.customData["flexClassName"] = "ComboBox"; The above line indicates that the element object is a Flex component whose MXML class is ComboBox. For rich symbols this code should be placed within the setDefaultValues block of code (Widget.opCode == 1) that initially defines the rich symbol. Example function setDefaultValues() { Widget.elem.customData["flexClassName"] = "ComboBox"; // additional code... } switch (Widget.opCode) { case 1: setDefaultValues(); // additional code... } break; All Flex widgets provided with Fireworks already have this property defined. The class name used determines the behavior of each of those components as determined internally within the MXML and Images export. When you create a custom rich symbol, you must define the flexClassName property if you want the MXML and Images export to treat the rich symbol as an MXML tag and not an exported image. The class name you decide to use will be used in the resulting MXML tag. For example, if you defined flexClassName as "Foo" the resulting MXML tag is . flexClassDefinition In addition to the flexClassName property, there is an additional, optional customData property flexClassDefinition, which can be used to further influence the resulting MXML export. Format flexClassDefinition = classDefinitionObject;