Home -> FPP plugins page -> spotplate.swf
This plugin is completely free for use in any context or connection.
spotplate: FPP hotspot for generating a background plate or frame.


Current version: 1.2

Zip file
Test page
FPP XML file

spotplate.swf
This plugin generates a background plate or frame. You can choose between a rectangle or an ellipse, and you can set attributes like plate size, background color, frame width/color and corner radius. Plate size can be also be set to follow pano resizing. All other hotspot attributes - like position, alpha value, shadows, visibility, etc... work as usual.
The following hotspot attributes are supported:

shapeshape="ellipse"plate shape, rectangle (default) or ellipse
sizesize="20%:50"plate size, format="width:height", see below
colorcolor="#E08080"plate color, default=transparent
borderwidthborderwidth="1"border width, 0=hairline
bordercolorbordercolor="#000000"border color, default=no border
roundedcornersroundedcorners="15"corner radius, default=0



NOTES:

There are three options for specifying width and height:

1. A fixed number of pixels350size does not change when changing pano size
2. A negative value-120size will change and always be pano size - value
3. A percentage value40%size will change and always be this percentage of pano size

The values for width and height may be specified in any combination of the ways above.

The width of the border is measured in points (0=hairline) - not pixels.

Positioning, alpha and visibility settings are made as usual with the FPP hotspot attributes.




Example FPP XML file:

   <!-- plates -->
   <spot id="plate1" url="spotplate.swf" static="1" salign="BL" align="BL" staticX="5" staticY="-10"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.30"
      size="110:-75" color="#60F0A0"
   />
   <spot id="plate2" url="spotplate.swf" static="1" salign="BR" align="BR" staticX="-10" staticY="-1"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.30"
      size="-150:85" color="#60A0F0" bordercolor="#90D0FF"
   />
   <spot id="plate3" url="spotplate.swf" static="1" salign="CM" align="CM" staticX="-100" staticY="150"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.70"
      size="25%:20%" shape="ellipse" color="#FFFFA0" bordercolor="#C00000" borderwidth="3"
   />
   <spot id="plate4" url="spotplate.swf" static="1" salign="TR" align="TR" staticX="-5" staticY="13"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.50"
      size="120:100" color="#C0C0C0" bordercolor="#000000" borderwidth="2" roundedcorners="15"
   />
   <spot id="plate5" url="spotplate.swf" static="1" salign="TC" align="TC" staticX="-150" staticY="10"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.60"
      size="20%:50" color="#60F0A0" borderwidth="3" roundedcorners="15"
   />
   <spot id="plate6" url="spotplate.swf" static="1" salign="TC" align="TC" staticX="150" staticY="10"
      mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.60"
      size="20%:50" bordercolor="#00A0F0" borderwidth="5" roundedcorners="15"
   />

Version history:
1.2:
Added possibility to specify transparent plates with border only.
Added support for rounded corners.

1.1.1:
Fixed bug when borderwidth="0".

1.1:
Removed dynamic attribute checking - seemed to be an unnecessary feature costing cpu.
Added the shape="..." attribute with the possibility to choose an ellipse.