News Examples Documentation Download Buy Forum Contact

Documentation

Plugins

XML Extensions

Tools


Third Party Software
for krpano

NOTE: This page is from an older version, see the latest version here.

Textfield Plugin textfield.swf Version 1.0.7


view demo

  • display HTML / CSS formated text

    NOTE - the Flash Player supports only a
    subset of all HTML / CSS tags!


    have a look here for all supported HTML tags:
    http://help.adobe.com/.../TextField.html#htmlText
    and here for all supported CSS tags:
    http://help.adobe.com/.../StyleSheet.html

    Online Demos:

  • it can be used as plugin or as hotspot

  • it's possible to define links to krpano actions using "event:ACTION" as link target
    for example:
    <a href="event:lookto(100,20,130);">do lookto action</a>

  • attributes:
    • html
      • HTML code
        write direct HTML code, but NOTE - using HTML chars like '<' and '>' is not possiblie, because of XML limitations, so you can use '[' and ']' instead!
        html="[p]red colored text[/p]"
      • link to data node with HTML code
        to use the content of a data tag:
        html="data:htmldata"
        <data name="htmldata">
          <p>red colored text</p>
        </data>
    • css
      • CSS code
        write direct CSS code, e.g.:
        css="p{color:#FF0000; font-family:Arial; font-size:14;}"
      • or link to data node with CSS code
        css="data:cssdata"
        <data name="cssdata">
          p{color:#FF0000; font-family:Arial; font-size:14;}
        </data>
    • autosize
      fit height of textfield automatic to the content
      allowed values: "none", "left", "center", "right", default="none"
    • background
      show a solid filled background, "true" or "false", default="true"
    • backgroundcolor
      color of the background, default="0xFFFFFF"
    • bordercolor
      color of the border, default="0x000000"
    • borderwidth
      linewidth of the border, default="1"
    • roundedge
      rounding of the edges 0-n, default="0"
    • selectable
      is text selectable, "true" or "false", default="true"
    • glow
      glow effect for the background, value is the range of glow effect, default="" for nothing
    • glowcolor
      color of the glow, default=0xFFFFFF (white)
    • blur
      blur effect for the background, value is the range of blur effect, default="" for nothing
    • shadow
      shadow effect for the background, value is the range of shadow effect, default="" for nothing
    • textglow
      glow effect for the text, value is the range of glow effect, default="" for nothing
    • textblur
      blur effect for the text, value is the range of blur effect, default="" for nothing
    • textglowcolor
      color of the glow, default=0xFFFFFF (white)
    • textshadow
      shadow effect for the text, value is the range of shadow effect, default="" for nothing
  • flash source code included (AS3 for the free MXMLC compiler)


Example XML code:
<plugin name="htmltext" url="textfield.swf" 
        origin="center" 
        width="500" height="300" 
        x="0" y="0" 
        html="data:htmldata1"
        css="data:cssdata1"
        borderwidth="1"
        bordercolor="0xFFFFFF"
        backgroundcolor="0xFFFFFF"
        selectable="false"
        autosize="center"
        />

<data name="htmldata1">
   <p align="center">
     <font face="times" size="+4">
       <b>Hello from Actionscript HTML</b>
     </font>
   </p>
   <a href="event:action(loadpano);">
   	<img src="image.jpg" />
   </a>
   <b>bold</b><br/>
   <i>italic</i><br/>
   <u>underlined</u><br/>
   <br/>
</data>  

<data name="cssdata1">
   a       { text-decoration:underline; font-weight:bold; }
   a:hover { color:#885500; }
</data>