Home  • Download  • Register Now!  • Benefits  • Help  • Testimonials  • Samples  • Screenshots  • Awards  • Forum  • Convert Documents Online  • Print2Flash APIs  • Print2Flash vs. FlashPaper  • Contact Us
 Help Contents

Changing Button Images using Skins

If you want to have your own custom images on the document toolbar, want to adjust toolbar background and colors, you need to create your own skin. A skin comprises a set of toolbar button images and colors used to draw document interface. When creating a new skin, you need to design your own button images using third-party graphic authoring software. Then button images should be exported to graphic files of PNG format for importing them into a Print2Flash skin.

Normally skin creation process consists of several steps listed below.

Authoring images

You may design your own button images using third-party graphic authoring software, for example, Adobe Photoshop. The color palette of each image may be composed of up to 16777216 (24 bit) colors with 8 bit alpha transparency channel. Below are the dimensions (in pixels) for each toolbar image:

Name Image sample Width Height

Arbitrary 29
More button 14 29
Zoom slider rule

Arbitrary 29
Zoom slider handle

No more than slider rule width 29
Toolbar background


Arbitrary Arbitrary
Other buttons


29 29

The images may also contain transparency alpha channel which makes it easier to design buttons which may fit any background color or merge gradually into the toolbar background. As toolbar may display fewer images than standard skins have, you may design only those buttons that you need. The buttons that you don't need may be later hidden as described in Hiding Buttons and Logo help topic.

After design the images must be exported to PNG format files to prepare them for importing into a Print2Flash skin.

Creating and editing skins

Creating and editing skins is performed in the Skin Editor window which is available via Options/Skin Editor option of the Print2Flash Application. To create a new skin, you need to click Add button. After that you will be presented with Skin Properties window in which you can setup all skin parameters as discussed in the following chapters.

If you like some standard or third-party skin but want only to modify some button images or colors, you may modify an existing skin so as not to start skin design from scratch. This can be done in two ways:

Importing images into the skin

After you created a skin and designed images for it, it is time to import your images into the skin. This can be done in the Buttons tab of the Skin Properties window by clicking Change buttons near each button label and choosing a respective PNG file on disk. After you select an image, its preview will be displayed in the toolbar preview located at the top of the window. You need to repeat this procedure for each image that you need to modify.

Changing toolbar background

The document toolbar background may be customized in two ways:

If both the background color and the image are specified, the image takes precedence and the color is ignored.

Adjusting colors

A number of additional colors can be setup:

Customizing zoom slider

Zoom slider image is composed of two parts:

Additional parameter affecting slider behavior is the zoom slider handle vertical offset. This is the vertical offset of the zoom slider handle image relative to the position of this image centered regarding the rule image. This parameter affects relative vertical positions of the rule and the handle. Zero value means that the handle is vertically centered regarding the rule image. Greater value will move the handle lower while smaller value - higher. You may adjust this value manually and see how it affects handle position in the preview located at the top of the window.

Programmatic skin creation and editing

Skins can be accessed and setup programmatically using SkinCollection object. You may enumerate skins, add new and modify existing skins.

To add a new skin call Add method which creates a new skin and returns a Skin object representing the new skin. To obtain an existing skin reference you may access the default item property passing it the skin name or enumerate with it all available skins passing it an ordinal skin number.

After obtaining a reference to the Skin object you may set its properties and call its methods to setup the skin as you need it. The Skin object functionality duplicates the Skin Properties window functions described above. Refer to the Skin object documentation for more details.