English German

Home • News • Examples • Documentation • Tools • Plugins • iPhone/iPad • Download • Buy • Forum • Contact

Plugins

• included free plugins:
• Options
• Editor
• FPS
• Radar
• Textfield
• Combobox
•  
• commercial plugins:
• Google Maps
•  
• NEW - USER plugins:
• Camera Controls
• Flash Control Panel
• Scrolling Thumbnails
•  
• developers:
• how to develop a plugin
• show your plugin here

Textfield plugin (textfield.swf)

• 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://livedocs.adobe.com/.../TextField.html#htmlText
  and here for all supported CSS tags:
  http://livedocs.adobe.com/.../StyleSheet.html
  
  Online Demos:
  
  • Textfield Example
    
  • Baseformat Example
    (the button in lower middle is a textfield)
  • HIGHSHARP Example
    (the info/pano window and the buttons are textfield plugins)
  
  
• 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>