Replace Element with Image: Closing the Loop on Your Demo Experience!
This feature allows you to swap any element in the demo editor (excluding text) with an image.
How it works:
-
Use inspect mode and select the desired element.
-
Click on the "image" icon in the small menu.
-
Browse the image you want to use instead of the current element.
-
Adjust using the design toolbox: crop, fit, fill, or set position.
When an element is replaced with an image, it will be treated as an image element.
Reverting to its original form is simple: just select the image and click on the reset icon in the small menu.
![](https://help.demostack.com/hs-fs/hubfs/Screenshot%202024-04-26%20at%2012-21-41-png.png?width=340&height=52&name=Screenshot%202024-04-26%20at%2012-21-41-png.png)
Why use it?
-
Replace existing image with another.
-
Showcase areas not yet developed using mock images.
-
Substitute missing or uncloned pages/sections with images.
-
Flexibility to replace slow-loading or outdated features.
-
More customizable image adjustments within the editor.
Limitations:
-
Image size limit: 10MB
-
Supported file types: GIF , PNG , JPEG
-
SVG files cannot be displayed in the toolbox.