Skip navigation
WORDSMYTH
Currently Being Moderated

Adding an Excel table with formatting to a dynamic text field

Feb 27, 2012 1:50 PM

Tags: #flash_cs5.5 #dynamic_text #excel_spreadsheet #render_html

I am trying to add a list of specifications to a Flash Screen layout.  I can add a dynamic text field and add text and it scrolls nicely.  However all of the text can only be formatted in one font style.  I saw that I could use HTML in a dynamic text field so I pasted an Excel table into Dreamweaver and copied the code into the dynamic text filed and checked the Render HTML Text box.  The result is that I have the HTML code displayed in a scrollable text window.  How do I make the HTML render?

 

Here is the HTML that is created by DW:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.excel1 {
padding:0px;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Arial;
text-align:general;
vertical-align:bottom;
border:none;
white-space:nowrap;
}
.excel2 {
padding:0px;
color:navy;
font-size:14.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:1.5pt solid silver;
border-right:none;
border-bottom:1.5pt solid silver;
border-left:1.5pt solid silver;
background:silver;
}
.excel4 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:none;
border-right:1.5pt solid silver;
border-bottom:1.5pt solid silver;
border-left:1.5pt solid silver;
}
.excel5 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:none;
border-right:1.5pt solid silver;
border-bottom:1.5pt solid silver;
border-left:none;
}
.excel7 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:none;
border-right:1.5pt solid silver;
border-bottom:none;
border-left:1.5pt solid silver;
}
.excel6 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:none;
border-right:1.5pt solid silver;
border-bottom:none;
border-left:none;
}
.excel8 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:1.5pt solid silver;
border-right:1.5pt solid silver;
border-bottom:none;
border-left:1.5pt solid silver;
}
.excel9 {
padding:0px;
color:windowtext;
font-size:14.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:left;
vertical-align:middle;
border:none;
white-space:normal;
border-top:1.5pt solid silver;
border-right:1.5pt solid silver;
border-bottom:none;
border-left:1.5pt solid silver;
}
.excel3 {
padding:0px;
color:navy;
font-size:14.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:middle;
border:none;
white-space:normal;
border-top:1.5pt solid silver;
border-right:1.5pt solid silver;
border-bottom:1.5pt solid silver;
border-left:none;
background:silver;
}
-->
</style>
</head>

<body>
<table cellspacing="0" cellpadding="0" class="excel1">
  <col width="285" style="width:214pt;" />
  <col width="614" style="width:461pt;" />
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">Printing</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Print    Speed</td>
    <td class="excel5" width="614" style="width:461pt;">Up to 37 ppm </td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Resolution</td>
    <td class="excel5" width="614" style="width:461pt;">Up to 1200 x 1200 dpi effective    output</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">First    Page Out Time</td>
    <td class="excel5" width="614" style="width:461pt;">6.5 seconds (from Ready mode)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Print    Language</td>
    <td class="excel5" width="614" style="width:461pt;">PCL 6/5e, PostScript 3, IBM    Proprinter, Epson</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Duplex</td>
    <td class="excel5" width="614" style="width:461pt;">Built-In (18 ipm)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Standard    Fonts</td>
    <td class="excel5" width="614" style="width:461pt;">93 Scalable, 1 Bitmap, 136    TrueType</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Barcodes</td>
    <td class="excel5" width="614" style="width:461pt;">Yes</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Secure    Printing</td>
    <td class="excel5" width="614" style="width:461pt;">Built-In</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">XOA Web</td>
    <td class="excel5" width="614" style="width:461pt;">Built-In</td>
  </tr>
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">Connectivity</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Standard</td>
    <td class="excel5" width="614" style="width:461pt;">High-Speed USB 2.0, Gigabit    Ethernet</td>
  </tr>
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">Paper Handling</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Input    Capacity</td>
    <td class="excel5" width="614" style="width:461pt;">250-sheet cassette, 50-sheet    multi-purpose tray</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Input    Capacity Option</td>
    <td class="excel5" width="614" style="width:461pt;">One 520-sheet cassette</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Output    Capacity</td>
    <td class="excel5" width="614" style="width:461pt;">150 sheets face down</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Paper    Sizes</td>
    <td class="excel5" width="614" style="width:461pt;">3” x 5” to 8.5” x 14”</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Media    Weights</td>
    <td class="excel5" width="614" style="width:461pt;">16 - 58 lb</td>
  </tr>
  <tr style="height:39.0pt;">
    <td class="excel4" width="285" style="height:39.0pt;width:214pt;">Media    Types</td>
    <td class="excel5" width="614" style="width:461pt;">Plain, Thick,Thin, Cotton,    Colored, Pre-printed, Recycled, Envelope, Transparency, Label, Cardstock,    Bond, Archive</td>
  </tr>
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">General</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Processor</td>
    <td class="excel5" width="614" style="width:461pt;">Samsung 600 MHz</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Memory /    Storage</td>
    <td class="excel5" width="614" style="width:461pt;">128 MB standard, expandable to    384 MB</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">LCD</td>
    <td class="excel5" width="614" style="width:461pt;">2-line</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel7" width="285" style="height:20.1pt;width:214pt;">Eco    Button</td>
    <td class="excel6" width="614" style="width:461pt;">Saves toner and paper</td>
  </tr>
  <tr style="height:20.1pt;">
    <td rowspan="2" class="excel8" width="285" style="border-bottom:1.5pt solid silver;height:40.2pt;width:214pt;">OS Compatibility</td>
    <td class="excel8" width="614" style="border-left:none;width:461pt;">Windows 2000,    XP, Vista, 7, 2003/2008 Server R2 (32/64 bit)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="614" style="height:20.1pt;border-left:none;width:461pt;">Mac OS 10.3-10.6, Various Linux, Various UNIX</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Noise    Level</td>
    <td class="excel5" width="614" style="width:461pt;">Less than 52 dBA (printing), 26    dBA (idle)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Monthly    Duty Cycle </td>
    <td class="excel5" width="614" style="width:461pt;">Up to 80,000 sheets</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Dimensions</td>
    <td class="excel5" width="614" style="width:461pt;">H 10&quot; x W 14.5&quot; x D    14.5&quot;</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel7" width="285" style="height:20.1pt;width:214pt;">Weight</td>
    <td class="excel6" width="614" style="width:461pt;">22 lb (with toner)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">Consumables</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Cartridge    Yield</td>
    <td class="excel5" width="614" style="width:461pt;">Standard - 2,000, High - 5,000,    Super - 10,000</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Cartridge    Part Number</td>
    <td class="excel5" width="614" style="width:461pt;">Standard - MLT-D205S, High -    MLT-D205L, Super - MLT-D205E</td>
  </tr>
  <tr style="height:20.1pt;">
    <td colspan="2" class="excel2" width="899" style="border-right:1.5pt solid silver;height:20.1pt;width:675pt;">Options</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Paper    Cassette</td>
    <td class="excel5" width="614" style="width:461pt;">520-sheet capacity paper    tray  (ML-S3712A)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel8" width="285" style="height:20.1pt;border-top:none;width:214pt;">Memory Upgrade</td>
    <td class="excel9" width="614" style="border-top:none;border-left:none;width:461pt;">256    MB (CLP-MEM202)</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel2" width="285" style="height:20.1pt;width:214pt;">Box    Includes</td>
    <td class="excel3" width="614" style="width:461pt;"> </td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">CD</td>
    <td class="excel5" width="614" style="width:461pt;">Driver and network installation    CD</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Power    Cord</td>
    <td class="excel5" width="614" style="width:461pt;">110 V electrical power cord</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Install    Guide</td>
    <td class="excel5" width="614" style="width:461pt;">Hardcopy quick installation    guide</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">User    Guide</td>
    <td class="excel5" width="614" style="width:461pt;">Electronic User guide</td>
  </tr>
  <tr style="height:20.1pt;">
    <td class="excel4" width="285" style="height:20.1pt;width:214pt;">Registration    Card</td>
    <td class="excel5" width="614" style="width:461pt;">Warranty registration card</td>
  </tr>
</table>
</body>
</html>

 
Replies
  • Currently Being Moderated
    Feb 27, 2012 1:55 PM   in reply to WORDSMYTH

    Flash supports only a very limited amount of html, and table-related tags are not among them.  You should look up the htmlText property of the TextField class to get an idea of the few tags that are supported.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 28, 2012 9:31 AM   in reply to WORDSMYTH

    You could make an Excel like table in Flash and place it into a movieclip which you then place in a scrollpane component to realize the scrollling you desire, though you might not enjoy the amount of work you will need to get the table together.  It would involve manually planting rows of textfields for each set of records in the table.  It could be done using Actionscript if you have your table's data  in a form you can read it from as data.

     

    As far as using something else, I don't know what the purpose/goal is so I cannot say.  If you can live with an html rendered version, then I would say a plain ole web page should suffice... let the browser provide the scrolling.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points