FAQ

All products listed on the site includes the source code files. The Website Templates and Html5 Apps have the Documentation files included in the download package for easy setup. You find below a list of most common questions related to flash product versions:

1. How do I insert the SWF file inside the HTML page(s) of my website?
2. How can I display Unicode characters ( special characters such as âæèêíó )?
3. How do I change the movie width and height?
4. How do I set the visible area width and visible area height in various places of my application where I see either the Classic or Advanced Scroll Bar components?
5. Can I replace the Classic Scroll Bar component used in my application with the Advanced Scroll Bar component and keep my application structure intact?
6. What is the HelpScreenShots folder within the application package?
7. Can I use FlashVars to specify a different XML configuration filename URL?
8. Can I specify a server side script such as PhP, ASP, CFM etc generating the XML on the fly using FlashVars in HTML?
9. Why when I click with the mouse on the FullScreen icon / button nothing is happening?
10. Why do the URL links are not working when I run the SWF on my local computer?
11. Why I can not see the Flash object ( SWF ) live when I edit the HTML page in Dreamweaver?
12. Why do the files work fine locally but not online?
13. How do you get GIF or PNG images to show up in Flash?
14. Why I can’t see the transparent PNG images in my movie?
15. How do I play H.264 Video such as MP4 and MOV with a Flash FLV player?
16. I am getting some error codes when using an ActionScript 3.0 file. How can I fix this?
17. How can I change the size of the text that appears beneath the main video window on the left side?
18. How can I set a JavaScript function call for the url or link parameter within the XML configuration file instead a classic link to a HTML page?
19. How to integrate Lightbox to FT Flash Components?
20. How can I set the url or link attribute from the XML configuration file to link to frames in my movie instead opening a HTML page?
21. How can I insert the same SWF object more than once in the same HTML page to work correctly?
22. Advanced ScrollBar FAQ
23. HTML/XML Table Renderer FAQ
24. WordPress Themes credits & support

1. How do I insert the SWF file inside the HTML page(s) of my website? TOP

The following HTML code explained below and JavaScript AC_RunActiveContent.js file can be generated automatically for you if you edit the .fla source file in Flash 8, Flash CS3 or Flash CS4 and open the Publish Settings Panel and from the Formats tab check the HTML checkbox and specify a desired file name for your HTML file with the SWF inside. Click the Publish button and look inside the folder where you test the application and you’ll see the generated HTML and JavaScript files. Check the HTML code inside that page and look how the SWF was included using the AC_FL_RunContent. function between the <script> tags.

If you choose this method to insert the SWF file(s) in your HTML page(s) you need to upload the JavaScript file and of course all other necessary files(s) and folders for the application in the same folder location on your server.

Basic integration: A basic way to insert the SWF file inside the HTML page(s) of your website is to copy / paste the following code in your HTML page(s) and adjust the object param and other values with your own values:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="yourSWFWidth" height="yourSWFHeight" id="yourSWFName" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="yourSWFURL" />
<param name="quality" value="high" />
<param name="bgcolor" value="#161718" />
<embed src="yourSWFURL" quality="high" bgcolor="#161718" width="yourSWFWidth" height="yourSWFHeight" name="yourSWFName" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

where:

#version=8,0,0,0 -> represents the minimum required Flash, can be 8, 9 etc
yourSWFWidth -> a numeric value in pixels representing the width of your movie
yourSWFHeight -> a numeric value in pixels representing the height of your movie
yourSWFName -> represents the SWF file name (without the .swf extension)
yourSWFURL -> represents the URL location to the SWF file on your sever (eg: http://www.mysite.com/myflashfolder/myMovie.swf )

You need to specify the size, name and url values for both object and embed tags.

Integration using JavaScript: A more professional way to insert the SWF file in your HTML page is to use a JavaScript function named AC_FL_RunContent. Inside each Flashtuning product package you will find a JavaScript file named AC_RunActiveContent.js and the corresponding HTML file of the application. If you edit the HTML file with a text editor you will see a code similar to this:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ImageGalley</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#333333">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '600',
'height', '608',
'src', 'ImageGalley',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'ImageGalley',
'bgcolor', '#333333',
'name', 'ImageGalley',
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'ImageGalley',
'salign', ''
); //end AC code
}
</script>
</body>
</html>

Add the following two line somewhere in the <head>> of your HTML file(s):

<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>

Add this JavaScript function call in the place of your HTML file where you want the SWF to be displayed ( of course make sure you have adjusted all the parameter values with your values ):

<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '600',
'height', '608',
'src', 'ImageGalley',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'ImageGalley',
'bgcolor', '#333333',
'name', 'ImageGalley',
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'ImageGalley',
'salign', ''
); //end AC code
}
</script>

2. How can I display Unicode characters ( special characters such as âæèêíó )? TOP

To use special characters you need to use the character itself and specify the XHTML document as UTF-8 (unicode) format, copy / paste this line at the top of the XML and / or HTML file if it isn’t already specified:

<?xml version="1.0" encoding="utf-8"?>

Note: Some fonts don’t have special characters such as pixel fonts or non-system fonts. So make sure the font you want to use has these special characters. You can check by opening the font in a character map which will display all the possible characters.

3. How do I change the movie width and height? TOP

To change the movie width and height edit the .fla source file in Flash and open the Document Properties Panel and adjust the width / height values or edit the source html file and look for the Flash object and embed tags and change the width / height attribute values.

4. How do I set the visible area width and visible area height in various places of my application where I see either the Classic or Advanced Scroll Bar components? TOP

Select the Classic and or Advanced Scroll Bar component and open the Components Inspector Panel and adjust the viewAreaWidth and viewAreaHeight values. In some applications you can also adjust some Scroll Bar parameters from within the configuration xml file. You can find more details about the Scroll Bar component and most common questions on Classic the Scroll Bar component product page.

5. Can I replace the Classic Scroll Bar component used in my application with the Advanced Scroll Bar component and keep my application structure intact? TOP

Yes, you can simply drag and drop the Advanced Scroll Bar component from either the Components Panel or from the Library of your movie to your application and all the Classic Scroll Bar instances allover the places in your application will be automatically replaced by the Advanced Scroll Bar.

6. What is the HelpScreenShots folder within the application package? TOP

The HelpScreenShots folder contains some suggestive image about the application and a quick start guide. Look at the images included in the HelpScreenShots folder for a better understanding of the application structure.

7. Can I use FlashVars to specify a different XML configuration filename URL? TOP

Yes edit the HTML source file and go to the object tag where your SWF resides and ad the following code to the object tag ( note: replace the value with “setupXML=settings.xml” if the application uses two xml files settings.xml and content.xml ):

<param name="FlashVars" value="xmlFile=myXMLFile.xml" />

or you can specify an absolute URL path:

<param name="FlashVars" value="xmlFile=http://www.mysite.com/myfolder/myXMLFile.xml" />

Make sure to add the FlashVars=”xmlFile=myXMLFile.xml” or FlashVars=”xmlFile=http://www.mysite.com/myfolder/myXMLFile.xml” also to the <embed> tag.

If you’re using the AC_FL_RunContent() javascript function to insert the .swf objects inside the .html page add the ‘FlashVars’ and the ‘xmlFile=myXMLFile.xml’ ( or “setupXML=settings.xml” ) in the function call parameter list similar to other parameters / values pairs specific to the Flash object.

8. Can I specify a server side script such as PhP, ASP, CFM etc generating the XML on the fly using FlashVars in HTML? TOP

Yes, for the question 7 you can have values similar to this (as long as your script generates a correctly formatted XML string output):

xmlfile=http://yoursite/yourscript.php?var1=val1&val2=val2

you need to escape ( urlencode ) the & symbol in the querystring with %26:

xmlfile=http://yoursite/yourscript.php?var1=val1%26val2=val2

9. Why when I click with the mouse on the FullScreen icon / button nothing is happening? TOP

To see the respective application in FullScreen mode when you click the FullScreen button or icon make sure the following code exists inside the HTML file for both the object and embed tags of the SWF object:

<param name="allowFullScreen" value="true" />

respective allowFullScreen=”true” in the embed tag.

10. Why do the URL links are not working when I run the SWF on my local computer? TOP

The Operating System is considering this a security issue that’s why the URL links will only work if you run the SWF in the Flash program or upload the SWF and other additional files ( html, js, css etc) on your server and run the file(s) in a browser.

11. Why I can not see the Flash object ( SWF ) live when I edit the HTML page in Dreamweaver? TOP

This is because the XML configuration data, images etc are loaded dynamically by the Flash oject in order to work. You can see the movie live on your local computer when you load the HTML page with the SWF inside in a browser or if your movie requires a server side script ( such as PhP, ASP, CFM, CGI etc) you can see it live after you upload all the necessary files on your web server and run the main page of your site in a browser.

12. Why do the files work fine locally but not online? TOP

This can be due to a number of reasons listed below:

13. How do you get GIF or PNG images to show up in Flash? TOP

Check your Publish settings ( CTRL+Shift+F12 ) and make sure it’s exporting the SWF to Flash 8 or higher. Externally loaded GIF ’s and PNG ’s won’t display with SWF ’s published to Flash 7 and lower.

14. Why I can’t see the transparent PNG images in my movie? TOP

First check question 13 and also make sure the useBitmapSmoothing parameter is set to zero ( you find this parameter in the XML configuration file or inside Flash in the main parameters area ).

15. How do I play H.264 Video such as MP4 and MOV with a Flash FLV player? TOP

You can play FLVs and also MP4, M4A, MOV, MP4V, 3GP, 3G2 if they contain H.264 video and/or HE-AAC encoded audio only if you have at least Flash Player version 9.0.115.0 or greater ( if not go to Adobe to get the latest Flash player ) if you’re planning using this standard for your video files – click HERE to check more on H.264. Also when converting videos you can use the Flash CS3 or CS4 Video Encoder provided with Flash to ensure max compatibility for your newly encoded video files.

16. I am getting some error codes when using an ActionScript 3.0 file. How can I fix this? TOP

You just need to uncheck the strict error setting for your Flash file settings. Follow the steps below:

a. Open the Publish Settings Panel from the File menu or inside your newly created .fla file press CTRL Shift F12.

b. Go to the Flash tab and click on the Settings button on the right of the ActionScript version drop down.

c. Uncheck the Errors Strict Mode checkbox and you can also uncheck the Automatically declare stage instances checkbox.

d. Click ok / ok and run again your .fla file.

17. How can I change the size of the text that appears beneath the main video window on the left side? TOP

a. If the text field used in that application does not support CSS styling ( the text in the XML information file is not included between [CDATA[..] tags ) you need to edit the .fla file in Flash and edit the text field properties by selecting that text field and opening the Properties Panel and adjusting the values.

b. If the text field supports CSS styling you can define some styles inside the CSS file and use the attributes inside the XML information file(s) ( you’ll find the text between [CDATA[ Some text… ] tags ) to format the text blocks similar to:

<span class="yourStyleName">..some text block..</span>

18. How can I set a JavaScript function call for the url or link parameter within the XML configuration file instead a classic link to a HTML page? TOP

If you want to call a JavaScript function to trigger various actions such as opening a pop up window or using the Lightbox image viewer you can set the url links from the XML configuration file using JavaScript (similar to -> javascript:show(‘images/0305.jpg’) ) and call that show() JavaScript function from within the HTML page with the image path as parameter.

Check these docs about how to use JavaScript links:

Adobe Tech Note

Adobe Live Docs

19. How to integrate Lightbox to FT Flash Components? TOP

Step 1. First download Lightbox++.

Step 2. Copy the css, images and js folders from the archive in the same folder with your HTML file on your web server. This HTML file should embed the SWF file to which you want to add the Lightbox to.

Step 3. Edit the HTML file and add these lines in the <head> section:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>

Step 4 (option A). If you want to have a Lightbox Image Set (with Next and Previous buttons), right after the lines from Step 3 add these lines, otherwise go to Step 4 (option B)

<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>

In the body of your HTML file you’ll have to add invisible links to the images which will be displayed in the Lightbox, like at the bottom of index.html page in sample 1 ( included in the download pack ).

Step 4 (option B). If you intend to have a single image display in Lightbox (as opposed to option A with Image set) you simply have to add these lines into the <head> section of the HTML file:

<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>

Step 5 (option A).If you’re using AC_FL_RunContent javascript function to embed the SWF, make sure you’re having ‘wmode’ set to ‘transparent’ and ‘allowScriptAccess’ set to ‘sameDomain’.

Step 5 (option B). If you’re using < object > < /object > tags to embed the SWF file, add these lines:

<param name="allowscriptaccess" value="samedomain">
<param name="wmode" value="transparent">

Step 6. If the links to go to when clicking an image are specified through the XML file, the url attribute must be set like this:
1. For Step 4 (option A):

url="javascript:GroupDelegate('img1')"

2. For Step 4 (option B):

url="javascript:LightboxDelegate('images/big/pic01.jpg','Shrek III')"

Note that the Lightbox will not work if tested locally. You’ll have to upload the application and test it on a HTTP server.

An working example of Lightbox implemented in the way described above you will see in the “index.html” and “config.xml” files from within the sample 1 and sample 2 folders within this archive: 2D Zoom Menu with Lightbox.

Check also the online examples at:

2D Zoom Menu with Lightbox Sample 1

2D Zoom Menu with Lightbox Sample 2

For a more detailed description visit the original blog post from codefidelity.com

20. How can I set the url or link attribute from the XML configuration file to link to frames in my movie instead opening a HTML page? TOP

If you want to link to frames within your movie, you specify the frame number or frame name instead urls and you need to edit the .fla file, edit the main application movie clip / go to the ReadMe layer and look for a getURL ( if you’re using ActionScript 2 ) or navigateToURL ( if you’re using ActionScript 3 ) action and change it with a gotoAndStop() or gotoAndPlay() action.

For example in the XML configuration file a line will look like this:

<object source="images/forbes_0.jpg" url="2" window="_blank" title="Image 1" />

// where for url we have specified a frame number instead a web page address

You’ll lso need to place the correct timeline path to where your frame(s) are located before gotoAndStop() similar to:

...

MovieClip(this.parent.parent).gotoAndPlay(releaseOutsideTarget["info"].attributes.url)

....

// this code line was extracted from an ActionScript 3.0 application ( for ActionScript 2.0 you'll do it in a similar way )

21. How can I insert the same SWF object more than once in the same HTML page to work correctly? TOP

To use the same SWF file inside the same HTML page more than once you need to change the XML configuration file name for each Flash object instance inserted inside the HTML page using FlashVars.

Check question 1 from this page on how you can do SWF to HTML integration and also questions 7 and 8 for using FlashVars.

22. Advanced ScrollBar FAQ TOP

a. How can I access the component’s Flash Help Book?

The component comes with a built in Help Book with all the supported methods/properties and events explained and you can access the files via the Flash Help Panel. You will find the book under the name Flashtuning Scroll Bar or you can perform a search under the flashtuning or adjacent keyword and the documentation files will be automatically displayed.

b. How can I activate the advanced scroll easing option?

For more advanced scroll speed control you can activate the easing property included in the Component Inspector Panel / Advanced Options Group and set a custom scroll easing type.

c. How can I change the skin elements? Where can I find them?

The skin elements can be found in either the full or trial package / Skin folder or as individual download package available in the Downloads section of the Scroll Bar component. You will find more details how you can change the skin elements in the Help Book / Customizing the FlashtuningScrollBar section.

d. How can I dynamically add a Scroll Bar instance using ActionScript?

Check the sample included in the Scroll Bar / Downloads section showing you how to dynamically add a Scroll Bar instance to your project using ActionScript and customize it using either library skin elements or colors.

e. How can I set the scroll amount using ActionScript?

You can set the scroll amount using the scrollPercentage property.

myScrollBar.scrollPercentage = 40;

f. I’m trying to get the scroll bars to appear only when the browser window shrinks smaller than the content. Does the product allow for this?

You can check the sample included in the Scroll Bar / Downloads section showing you how to achieve this using two Scroll Bar instances, one in vertical mode and the other in horizontal mode.

g. What does dynamic/run-time customization means?

The customization of the component is either skin or color based and you can dynamically alter the look of the components at runtime using these properties to get one or more component instances having a different look.

If you are using the skin properties you need to have the scroller assets symbols in the library exported for ActionScript. You can find what skin and color properties are supported in the Help Book / Customizing the FlashtuningScrollBar component section.

h. What is the sliderOffset property?

The sliderOffset property is a numeric value representing the distance between the Scroll Bar slider and the top/bottom ends of the Scroll Bar track. It works only when the component is used in Scroll Bar mode. The default value for this property is 4px.

i. When I return to a frame wich has the scroller via a button action the scroller no longer works. Would you be able to help me out?

The Scroll Bar component and the target movie clip need to be placed inside their own movie clip.

23. HTML/XML Table Renderer FAQ TOP

a. How can I access the component’s Flash Help Book?

The component comes with a built in Help Book with all the supported methods/properties and events explained and you can access the files via the Flash Help Panel. You will find the book under the name Flashtuning Table Renderer or you can perform a search under the flashtuning or adjacent keyword and the documentation files will be automatically displayed.

b. Can I access and manipulate the table and cells using ActionScript?

You can dynamically control the table and cells using the component’s ActionScript API. You can check the component’s Flash Help Book for a full list of all the supported methods, properties and events.

c. Does the table support CSS style definitions using library fonts?

Yes. You can specify external style definitions using library fonts and use them within the table.

.text {
font-family: libfont;
color: #ff0000;
font-size: 10px;
font-weight: normal;
}

,where libfont is the font symbol linkage id from the library. You can apply the style like in the following example:

<td width=\"105\" cellfont=\"css\"><span class=\"text\">Use external CSS definitions and library fonts with advanced text rendering properties.</span></td>

d. How many images are allowed per table cell?

Only one image/SWF/movie clip can be loaded in a cell due to the Flash text field image embedding mechanism.

e. What attributes does the \”table\” tag support?

The <table> tag support the following attributes: width, height, border, cellspacing, cellpadding, bgcolor, bordercolor , bgalpha, borderalpha, cellfont, antialias, gridfit, sharpness.

f. What attributes does the \”td\” tag support?

The <td> tag support the following attributes: width, height, rowspan, colspan, bgcolor, bordercolor, bgalpha, borderalpha, align, cellfont, antialias, gridfit, sharpness, id.

g. What attributes does the \”tr\” tag support?

The <tr> tag support the following attributes: bgcolor, bordercolor, bgalpha, borderalpha, cellfont, antialias, gridfit, sharpness.

h. Where can I find all the CSS properties supported by Flash?

You can check all the CSS properties supported by Flash at the following web address:
Adobe Live Docs

i. Where can I find all the HTML tags supported by Flash?

You can check all the HTML tags supported by Flash you can use inside the table cells at the following web address:
Adobe Live Docs

j. Where can I find more about the antialias, gridfit, sharpness and thickness attributes?

You can find more information about the antialias, gridfit, sharpness and thickness properties via the Flash Help Panel under the ActionScript Language Reference / TextField class properties table.

E.g.:

antialias – can be set to \”none\”, \”normal\” or \”advanced\”

gridfit – works if antialias is set to advanced and can be set to \”none\”, \”pixel\” or \”subpixel\”

sharpness – works if antialias is set to advanced; the value is a number between -400 and 400

thickness – works if antialias is set to advanced and the value is a number between -200 and 200

k. Why doesn’t the image in the \”img\” tag display properly?

For the <img> tag the width and height attributes need to be specified to properly display the content.

<img src=\"myimg.jpg\" width=\"50\" height=\"50\"/>

l. Why isn’t my image properly aligned when using the \”align\” attribute?

You should use the \”hspace\” and \”vspace\” <img> tag attributes,

<td><img src=\"images/myimage.swf\" height=\"50\" width=\"50\" hspace=\"5\" vspace=\"5\"><td>

, because the \”align\” attribute works only if the cell content is text only.

m. Why isn’t the table rendered?

The HTML source file must be properly formatted (the tags and attributes need to be closed and lowercase) and the cell row and column spans need to be valid for the table to render correctly.

24. WordPress Themes credits & support TOP

The WordPress Themes available on our site are designed and developed by MatchThemes ( wwww.MatchThemes.com ). You can also find other great templates by MatchThemes on Mojo !

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.