Insert Image (How To)

Step 1: Insert an Image

Select Insert Image from Edit Mode in the Main Content window. Click Open in the File Upload button

Edit image is called out. It's between the flag and the x2

Step 2: Browse for Image

Select Browser Server in the resulting window.

Browse server button is called out. It's next to the URL field.

Step 3: Select or Browse for Image

If the image is not already in the folder, click Upload and then Browse to find the image on your computer.

The upload button is called out.

Step 4: Upload file to website

Onmce you have the selected image location on your computer showing in the file window, use the upload button to upload the image to Drupal/ the website's media folder.

A small window opens where you can check your file and select the upload button

Step 5: Insert image to page

Once you see your image in the list, select it and use the Insert File button to place the image on the webpage.

Insert File button is called out.

Step 6: Configure Image Properties


In the Image Properties window, your image selection location will appear in the URL window. 

  • In the Alternative Text field, add text about the image for accessibility and for users who are not able to view the image.
  • Use the Width and Height fields to adjust the image size.
  • Border, H Space (horizontal), V Space (vertical) and Border allow you to position the image in the webpage space and add a border.
  • Click OK when you're finished adjusting your image.


Step 7 (optional): Add a Link on the Image

The Image Properties window second tab is for links. If you want the image to link somewhere when the user clicks it, insert a URL in the field in the Link tab.

Set the target to open the URL in another window if your URL goes outside of ALA or if the user would be best served going to a new window.

Click OK when you're finished entering information.

Link tab, URL field and Target field are called out.

back to Drupal Sandbox