Editor
      Back to home
      1. Demostack Help Center
      2. Editor

      Replace an element with an image

      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:

      1. Use inspect mode and select the desired element.

      2. Click on the "image" icon in the small menu.

      3. Browse the image you want to use instead of the current element.

      4. 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.



      Why use it?

      1. Replace existing image with another.

      2. Showcase areas not yet developed using mock images.

      3. Substitute missing or uncloned pages/sections with images.

      4. Flexibility to replace slow-loading or outdated features.

      5. 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.