November 2, 2010

How to use a custom thumbnail image for a Widget

By default when you place a Widget stack into the Widgets folder PowerTools will create a snapshot image of the first group in the stack and use that as the thumbnail image in PowerTools’ Widgets display panel. But maybe you want to display a different image instead of the snapshot as a thumbnail. Here’s how to do that.

The first step is to load the Widget stack for editing.


Open the Widget stack in the IDE.

Next you need to locate the image you want for a thumbnail.


From the File menu select "Import as Control…" -> "Image File…" (Or press Ctrl+>).
Navigate to the image you want, then add it to the Widget stack.

Select the imported image


Select the image and open it with the property editor

Edit the image you added


Open the Property Inspector for the image.

If you name the image with the name of the stack + "Icon" DropTools will be able to use it as well.
Example: stack name = "BarChart", image name is "BarChart Icon"

Save the Widget stack


The Widget stack will now use the image you selected instead of creating a thumbnail image of the group itself the next time you launch the IDE.

Powered by WordPress and Giveaway of the Day.