If you would like to upgrade to a newer long-term support version of Studio Pro, see Moving from Mendix Studio Pro 8 to 9.
Build a Preview Image for a Custom Widget
Last modified: May 29, 2024
1 Introduction
This how-to will show you how to specify a preview image that will be rendered in Studio Pro.
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 Mendix Studio Pro
- Read Custom Widgets
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/howto8/extensibility/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 Studio Pro whenever it is used:
![](/attachments/howto8/extensibility/widget-development/add-a-preview-image-for-custom-widget/02_Preview.png)
Please note that older versions of Studio Pro ignore this image and render a grey rectangle as usual.