Adding images as screens is a great way to show desktop apps in your tours or incorporate the first page from a deck as the beginning of your sales demo.
Follow the instructions below to add an image as a screen:
1. Navigate to the screen flow panel on the left hand side and press the '+ Add Screen' button.
2. Drag and drop multiple files: Upload several images or GIFs at once and update their titles in bulk.
3. Choose the image you want to be a screen. Detailed file info: View resolution, dimensions, and file size for each image.
4. Name your screen and decide whether you want to scale width with the screen size meaning the image will be the size of your screen and/or center the image horizontally on the screen. Press Upload.
5. Once your image is uploaded, you can use the auto-fit drop down in the top right hand corner to change the image screen scaling to fit to width by stretching the image to the width of the screen, auto-fit which will show the entire image, or maintain the original image size.
6. If you want to control the canvas or container width of this screen or your entire demo, use the Default Width drop down instead. Check out this article to learn more about screen sizing options.
Skip Capturing Screens
You don’t have to capture screens to open a HTML Environment. This allows you to create demos of desktop applications that are entirely image-based without the need to capture an initial placeholder screen. This streamlines the workflow for image-based demos, saving you time and effort.