Simple Syllabus: Adding, Replacing, and Removing Images

Updated on Nov 24, 2025

About

Images can be added to the editable components. Below are the two sets of instructions for adding, replacing and removing images. The instructions may vary by component.

1. Adding an Image Using the "Add Image" Button

Select the "Add image" button.

Note: An image needs to be saved to the computer to use the "Upload" feature.

Select the "Drag file here, or click to browse." box to upload an image from the computer. You can also use your mouse to click and drag the file from the computer.

Once the image is uploaded, it can be replaced or removed, if needed.
Select the "Save" button.

Note: A URL will need to be copied from a web image to use the URL feature.

Copy image address and paste it into the "URL" filed.
Select the "Save" button.

Congratulations, you have successfully added an image to the component!

2. Adding an Image Using the "Insert Image" Icon

Select the "Insert Image" icon. Or you can also use your mouse to click in box and the type Ctrl+P (The keyboard shortcut may not work for an Apple device).

Note: An image needs to be saved to the computer to use the "Upload" feature.

Select the "Drop image (or click)" box to upload image from the computer. Or using your mouse, you can click and drag the file from the computer.

Once the image is uploaded, the image tools will become available. The image tools allow the image to be replaced, aligned, captioned, removed, styled, and resized. A link and alternative text can also be added to the image. Lastly, the image can be displayed inline or to break text.