Add/edit Text and Media block component

For a list of all components and their purpose, please refer to this list of components.

When published, a Text and Media block component looks like this:

If you wish to add a Text and media block, click the grey button that says Add a text and media block.  if you wish to edit an existing one, click the Edit button to the right of the block.

You can find more information about the purpose of each component and a picture of what they look like when published on our list of components. But basically, this component allows you to add an image and some text.

Notice that we're using Basic HTML in the editor - you can tell because of the selection but also because of the limited options available at the top of the editor.

There is a reminder note to aim for a grade 6 or 7 reading level.  You would have read about that in the "Writing for the Web" section of this material.

If you prefer more options when editing, you can change to Full HTML.  You will be warned:

If you feel comfortable that you have nothing to lose, click Continue otherwise, save the page first and then come back to this step.

Once you've switched to Full HTML, you will have additional features in the editor including marking text as quotes, superscript, subscript and the ability to apply a heading style to a paragraph of text.

Note that there is no 'undo' button in the editor and the options are somewhat simple but they should serve the purpose well enough.

About the "media" part of this Text and media block: if this was a new page, there would not be a picture.  You would see this:

To add a photo, click Add Media and then choose what to do next:

If you wish to upload your own photo, click Choose File, browse to the file location, highlight it, and click upload.  The photo is then added to the library that you see here.  

If you know the photo is in the library but you don't see it, use the filtering and sorting options to look for the photo.  

Regardless of how you get there, when you see the photo you want, click the little box to select it.

Then click on the Insert Selected button.

The photo will be inserted into the Text and media block, as you see below.

Choose if you want the photo displayed to the left or right of your Text and Image block.  (If you choose 'none', that means you've changed your mind.  No photo will be included.  You'll have to start your search again if you didn't mean to do that.)

In the screenshot above, you can see that we've already added a picture.  To change that picture, click on the 'x' in the upper right of the picture to remove it and then run through the steps above starting with "Click Add Media".

At any point, if you decide you wish to remove the Text and media block, you can click on the ellipses in the upper right of the block and then choose Remove.

There is no individual 'Save' button for a component. Components are saved when you save the page.