Insert Picture

Click to watch a video on inserting an image!

When creating a mobile webpage, it is often necessary to include images to make the page more appealing. This section will show you how to do so.

Inserting Pictures:

Navigate to the CliqDesign Features and Elements Bar, located on the top of the canvas, and click and drag the “Picture" element into your page.

Upon clicking or dragging and dropping "Insert Picture," a template image will appear in your canvas.

Click on it once to open up its Element Properties located in the right-hand toolbar.

Direct your mouse over to the Element Properties section and hover your mouse directly over the box saying "Select an Image." This will automatically reveal any images that you have already uploaded (To learn how to upload images, see Upload Files). Click on the image you wish to insert.

Now your image is in the canvas. To re-size the image to its original dimensions, go to the "Width" and "Height" text boxes under Element Properties and erase any information in them, or choose your own dimensions. Pictures may be resized by pixels or %’s. (i.e. 100% width)

Click on the "Image Map Editor" button to learn how to create mapping on your image, rather than simply selecting a link in the "URL" drop-down box. To learn how to use the image mapper, see the Image Map Editor section.

You can also alter any shadow, borders, or rounded corner effects (HTML 5 effects) of the picture by altering them in the Advanced Properties section of the Element Properties.