Documentation - <buttonimage>

A buttonimage element must be contained within a <button> element, and specifies an image that should be used for a particular state of the button ('normal', 'over', or 'down'). This functionality allows for the customization (aka 'skinning') of all of Featurific's control panel buttons. See the examples below for how this might be used. Note that this element is only available in the Pro version. Also note that in the AS3 port of Featurific (aka 'Featurific Slim'), an easier way to use custom images is to just modify the images in the './images/' directory.

Parameters

  • state - The button state for which this image will be used. Valid values are 'normal', 'over' (displayed on mouseover), and 'down' (displayed on button click)
  • filename - The URL of the button image. This may be an absolute or relative URL. Note that if a relative URL is provided, the URL is relative to the location of the .swf file (featurific.swf). For example, if myimage.jpg resides in the same directory as featurific.swf, simply use "myimage.jpg" as the filename.

Examples:

<controlpanel>
<button type="play" width="30" height="10" color="red" overcolor="blue" downcolor="green">
<buttonimage state="normal" filename="images/nextUp.png"/>
<buttonimage state="over" filename="images/nextOver.png"/>
<buttonimage state="down" filename="images/nextDown.png"/>
</button>

<button type="pause">
<buttonimage state="normal" filename="images/nextUp.png"/>
<buttonimage state="over" filename="images/nextOver.png"/>
<buttonimage state="down" filename="images/nextDown.png"/>
</button>

<button type="numbers" textcolor="#00ff00" shadowtextcolor="white" highlighttextcolor="#ff0000">
<buttonimage state="normal" filename="images/nextUp.png"/>
<buttonimage state="over" filename="images/nextOver.png"/>
<buttonimage state="down" filename="images/nextDown.png"/>
</button>
</controlpanel>

Children

None.

*Pro version only