Mendix 7 is no longer supported unless you have Extended Support. Mendix 7 documentation will remain available until July 2024.
To upgrade to a supported version, see Moving from Desktop Modeler Version 7 to Studio Pro 8.
Build a Preview Image for a Custom Widget
1 Introduction
This how-to will show you how to specify a preview image that will be rendered in the Modeler.
This how-to teaches you how to do the following:
- Configure a preview image for custom widgets
2 Prerequisites
Before starting with this how-to, make sure you have completed the following prerequisites:
- Download and install the Mendix Modeler
- Read How to Get Start with the Widget Development Plugin for Adobe Brackets
3 Adding a Preview Image to Your Custom Widget Package
You need to put an image file named preview.png next to your custom widget XML configuration file:
![](/attachments/howto7/widget-development/add-a-preview-image-for-custom-widget/01_Folder_View.png)
After packaging your custom widget, the image provided will be rendered in the Modeler whenever it is used:
![](/attachments/howto7/widget-development/add-a-preview-image-for-custom-widget/02_Modeler_Preview.png)
Please note that older versions of the Modeler ignore this image and render a grey rectangle as usual.