Skip to main content

Automatically Resize Images in the Rich Text Editor

Learn how to automatically resize images in the Rich Text editor using Auto.

How to resize an image

If an image in the Rich Text editor appears too large or isn't displaying correctly, setting its width and height to Auto lets it scale automatically to fit the available space.

  1. Open the Rich Text editor in the Form Builder.

  2. Click the image you want to resize.

  3. Click the ruler icon (Change Size) in the toolbar.

  4. In the Width field, enter auto.

  5. In the Height field, enter auto.

  6. Click Update.


Frequently Asked Questions (FAQs)

Q. Why use "auto" for width and height?

A. Setting both values to auto lets the image scale to fit whatever space is available, ensuring it displays correctly across different screen sizes and devices.

Q. My image still looks too large. What should I do?

A. Try setting the Width to 100vw. This stretches the image to the full width of the screen.

Q. Can I use a fixed width instead?

A. Yes. You can enter a specific value (for example, 500px) to keep the image at a fixed size.

Q. Will resizing change my original image file?

A. No. Adjusting width and height in the editor only affects how the image appears in the form. The source file remains unchanged.


πŸ’‘ IndyTips

  • Use high-resolution images so they stay sharp when scaled up or down.

  • When in doubt, use auto β€” it's the safest option for responsive display.

  • Always preview your form after resizing to check how the image looks on different screen sizes.

  • If the image appears stretched, make sure both width and height are set to auto to preserve the correct proportions.

Did this answer your question?