Skip to main content

Image - Basic Component

This component allows you to add, style and edit an image in your canvas without coding. By drag and drop, you can easily add images anywhere in your no code/low code web app.

Accessing the Image​

To add an image, go to the “Basic” category under the components panel and drag and drop the "Image" component in the canvas where you want.

DrapCode Builder Image

Adding an Image​

To add an image, double click on the image components that previously dropped. A library containing all the images will open. Click on the image of your choice and it will be added immediately.

DrapCode Builder Image Component

Remember, you have to create an asset in the Assets panel to add images in the image repository. Know more.

Adjusting Image Dimensions​

After adding the Image component, the dimensions of the image box can be adjusted directly by dragging the corners of the image box without going to “Dimension” in the Style Manager in the right toolbar.

The same can be done after adding the image, as shown in the image above.

Additional Tools​

The Image component also comes with a set of additional tools, positioned on the right side of the component. Know more.