Flashtuning - Files - Flash Components - User Interface

HTML Table Renderer AS 2.0

The Flashtuning HTML Table Renderer component provides an advanced XML/HTML table rendering engine for Flash, complete with CSS support and advanced features such as row and column spans.

The component can render all common types of content (text, SWF files, images and Flash library objects) and allows embedding custom fonts and offers advanced text rendering controls.

FEATURES :

* Support for all common HTML tags and attributes and CSS properties supported by Flash

* Images/SWF/library objects inclusion into table cells

* Easily integrate your own custom actions like roll overs, drag&drop, tool tips

* Link to custom ActionScript functions from within the table

* Percentage/fixed widths/heights support for the table and/or individual cells

* Alpha levels for borders and backgrounds

* Font embedding support: you can specify custom library fonts for the table and/or individual cells using the cellfont attribute

* Full control through ActionScript

* Built in Help Book automatically that can be accessed anytime via the Flash Help Panel

This component is available for:
Flash MX 2004, Flash Mx Professional 2004, Flash 8, Flash CS3, Flash CS4 / ActionScript 2.0.

Check the online QUICK START GUIDE tutorial for a simple, generic use scenario that you may wish to perform to get familiarized with the component.

Check also the ActionScript 3.0 version:
HTML Table Renderer AS 3.0

NOTE: Download the TRIAL version of this component before you buy by following the link below. The trial version includes the MXP installer and a Quick Start Guide and examples . The trial version has a limit of 4 X 4 for the tables, as a trial limitation. There are no restrictions on the full version.

You can also download the HTML Help Books from the following location: DOWNLOAD HELP BOOKS

Check the general Tips & Tricks page regarding all FT products.

Enjoy!

Free Download:

Preview Examples:

Use CSS, library fonts and custom AS functions

Label	Regular	Special
Amount:	$ 9	$ 19
Title:	Personal License	Commercial License
Description:	By purchasing a "Personal License" you are entitled to use this product in one website or other multimedia project, personal or non-commercial client work. If you want to use it in multiple personal websites you'll have to purchase a license for each personal website or you can contact us for a Special License. You may not redistribute but you may modify its contents.	By purchasing a "Commercial License" you are entitled to use this product in one commercial project (website, DVD, offline presentation etc). If you want to use it in multiple commercial websites you'll have to purchase a license for each commercial website or you can contact us for a Special License. You may not redistribute but you may modify its contents.
	By clicking Add to Cart button you will complete the payment via PayPal.

	You can also pay via Credit Card by purchasing from our FlashComponents.net account.

Comments for User Interface >> HTML Table Renderer AS 2.0

Comments for User Interface >> HTML Table Renderer AS 2.0
Flashtuning 04-13-09	How can I dynamically create a table instance from a HTML / XML string? Code: Select all// This code is for ActionScript 3.0 // var xmlStr = '<html><head><link href="css/style.css" /></head><body><table width="350" border="5" cellpadding="5" cellspacing="5" bordercolor="#b0e46f" bgcolor="#7c8bd5"><tr><td width="4" bgcolor="#F4EEC2" /><td width="342" align="center" bgcolor="#2c2929"><font color="#bbbbbb">table renderer</font></td><td width="4" bgcolor="#F4EEC2" /></tr></table></body></html>'; var table = new FtTableRenderer(); table.name = "table"; this.addChild(table); var tb = this.getChildByName("table"); tb.createFromString(xmlStr); // For ActionScript 2.0 you'll only use the attachMovie to create a component instance and call the createFromString() method with your newly created component reference
Flashtuning 04-13-09	How can I dynamically create a table instance from a given source file? Code: Select all`//ActionScript 3.0 code example // var table = new FtTableRenderer() table.sourceFile = "table1.html" this.addChild(table);` For ActionScript 2.0 you'll only use the attachMovie to create a component instance and initialize the sourceFile property.
Flashtuning 08-26-08	FREQUENTLY ASKED QUESTIONS 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. How can I display Unicode characters? The Unicode characters will work if you use the character itself and specify the XHTML document as UTF-8 (unicode) format: Add the following line on top of your file: Code: Select all`<?xml version="1.0" encoding="UTF-8"?>` 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. 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. E.g.: Code: Select all`.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: Code: Select all`<td width="105" cellfont="css"><span class="text">Use external CSS definitions and library fonts with advanced text rendering properties.</span></td>` 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. 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. 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. What attributes does the "tr" tag support? The <tr> tag support the following attributes: bgcolor, bordercolor, bgalpha, borderalpha, cellfont, antialias, gridfit, sharpness. Where can I find a Quick Start Guide for the component? You can check the HTML Table Renderer Component for Flash - Getting Started Guide available in the Tutorials area. This guide is also available in the component download package. 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: Flash supported CSS properties 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: Flash supported HTML tags 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 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. E.g.: Code: Select all`<img src="myimg.jpg" width="50" height="50"/>` Why isn't my image properly aligned when using the "align" attribute? You should use the "hspace" and "vspace" <img> tag attributes, Code: Select all`<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. 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.

Flashtuning
04-13-09

How can I dynamically create a table instance from a HTML / XML string?

Code: Select all// This code is for ActionScript 3.0 // var xmlStr = '<html><head><link href="css/style.css" /></head><body><table width="350" border="5" cellpadding="5" cellspacing="5" bordercolor="#b0e46f" bgcolor="#7c8bd5"><tr><td width="4" bgcolor="#F4EEC2" /><td width="342" align="center" bgcolor="#2c2929"><font color="#bbbbbb">table renderer</font></td><td width="4" bgcolor="#F4EEC2" /></tr></table></body></html>'; var table = new FtTableRenderer(); table.name = "table"; this.addChild(table); var tb = this.getChildByName("table"); tb.createFromString(xmlStr); // For ActionScript 2.0 you'll only use the attachMovie to create a component instance and call the createFromString() method with your newly created component reference

Flashtuning
04-13-09

How can I dynamically create a table instance from a given source file?

Code: Select all//ActionScript 3.0 code example // var table = new FtTableRenderer() table.sourceFile = "table1.html" this.addChild(table);

For ActionScript 2.0 you'll only use the attachMovie to create a component instance and initialize the sourceFile property.

Flashtuning
08-26-08

FREQUENTLY ASKED QUESTIONS

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.

How can I display Unicode characters?

The Unicode characters will work if you use the character itself and specify the XHTML document as UTF-8 (unicode) format:
Add the following line on top of your file:

Code: Select all<?xml version="1.0" encoding="UTF-8"?>

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.

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.

E.g.:

Code: Select all.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:

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

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.

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.

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.

What attributes does the "tr" tag support?

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

Where can I find a Quick Start Guide for the component?

You can check the HTML Table Renderer Component for Flash - Getting Started Guide available in the Tutorials area. This guide is also available in the component download package.

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: Flash supported CSS properties

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: Flash supported HTML tags

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

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.

E.g.:

Code: Select all<img src="myimg.jpg" width="50" height="50"/>

Why isn't my image properly aligned when using the "align" attribute?

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

Code: Select all<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.

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.

Add Comments on User Interface >> HTML Table Renderer AS 2.0
Please login to post comments