Dreamweaver Extensions

Working with XML content

Open the board.xml file in Dreamweaver (File -> Open), to change the content of your infoboard. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Info Board). After that, in the category of 'General', click the 'Edit' button near the 'Source' field.

The following example shows the basic structure of the content XML file:

<?xml version="1.0" encoding="utf-8"?>
<board>
   <item caption="Caption 1">
      <img src="photos/photo01.jpg" link="empty_img.html" taregt="_blank" />
      <content>
         <![CDATA[
            <p><font face="Impact" size="22" color='#505050'>Caption 1</font></p>
            <p margin_bottom="3"><font face="Tahoma" size="11" color='#404040'>Text</font></p>
            <p href="empty.html" target="_blank" icon="true"><font face="Tahoma" size="11" color='#D37B0A'><u>Link</u></font></p>
         ]]>
      </content>
   </item>
   <item caption="Caption 2">
      <content x="30" y="10" width="380">
         <![CDATA[
            <p><font face="Impact" size="22" color='#505050'>Caption 2</font></p>
            <p><font face="Tahoma" size="11" color='#404040'>Text</font></p>
            <p href="empty.html" target="_blank"><font face="Tahoma" size="11" color='#D37B0A'>Link</font></p>
         ]]>
      </content>
   </item>
   <item caption="Caption 3" link="empty_img.html" taregt="_blank">
      <img src="photos/photo02.jpg" />
      <content>
         <![CDATA[
            <p><font face="Impact" size="22" color='#505050'>Caption 3</font></p>
            <p><font face="Tahoma" size="11" color='#404040'>Text</font></p>
         ]]>
      </content>
   </item>
</board>

In this example, parent <board> tag contains 3 child tags <item>. There are only three items, in this example. Each item can contain image and text content. The second item does not contain image.

The first item has its own caption, content. Image source has its own link . Also there is a special tag <![CDATA[...]]> which is situated in the tag <content>. In this tag are specifyed font of the caption and text and their size and color. Also there is a link and specifyed to show a small icon before this link.

The second item has only its own caption and content. There is no image source. Also there is a special tag <![CDATA[...]]> which is situated in the tag <content>. Here also specifyed the exact position of the content in the frame. In this tag are specifyed font of the caption and text and their size and color. Also there is a link but there is no a small icon before this link.

The third item has its own caption with the link to the whole slide, image source and content. Also there is a special tag <![CDATA[...]]> which is situated in the tag <content>. In this tag are specifyed font of the caption and text and their size and color. But there is no link.

<board>

Description
Main tag and contains the description of the component.

<item>

Description
Contains the description of the infoboard item.

Optional attributes
The following attributes are optional for tag <item>.

  • link, The URL from which you can obtain the document. This parameter assigns a hyperlink to the item.
  • target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
    • _self specifies the current frame in the current window.
    • _blank specifies a new window.
    • _parent specifies the parent of the current frame.
    • _top specifies the top-level frame in the current window

<img>

Description
Contains the path to the image.

Attributes

  • src, The absolute or relative URL of the image file. A relative path must be relative to the HTML file. Absolute URLs must include the protocol reference, such as http://.

Optional attributes
The following attributes are optional for tag <img>.

  • link, The URL from which you can obtain the document. This parameter assigns a hyperlink to the image.
  • target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
    • _self specifies the current frame in the current window.
    • _blank specifies a new window.
    • _parent specifies the parent of the current frame.
    • _top specifies the top-level frame in the current window

<content>

Description
Contains the text content.

Attributes

  • x, The x coordinate of the content.
  • y, The y coordinate of the content.
  • width, The width of the text in pixels.

Content used a special symbols <![CDATA[...]]>. Each content consists of paragraphs <p>. The text of a paragraph can be edited with the help of HTML tag <font>. Besides a default tag attribute align for the tag <p> it is available additional attributes:

  • margin_bottom, The bottom margin of the paragraph, in pixels.
  • shadow, A Boolean value that indicates whether it would be added drop shadow to the paragraph (true).
  • icon, A Boolean value that indicates whether hyperlink has small icon (true).
  • href, The URL from which you can obtain the document. This parameter represents the paragraph as a hyperlink.
  • target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
    • _self specifies the current frame in the current window.
    • _blank specifies a new window.
    • _parent specifies the parent of the current frame.
    • _top specifies the top-level frame in the current window.

Note: If you use 'Use embedded fonts' in the extension parameters, which allows to use built-in fonts, you need to edit file fonts.xml according the used fonts in tag <font>. This fonts are uploaded from a special SWF file. Or you can turn off this option in FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> Flash Info Board).