Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

Review the instructions on how-to create a Web page if needed.

How to add an Image block

  1. From the administration bar, select Workbench then select My Dashboard.

  2. In the Content list panel, select the content you would like to edit.

  3. On the content page, select Layout

  4. Select + Add section if applicable, then select + Add block.

  5. Under Content, select Image.  

    Screenshot of Image button from content list
  6. Change the block Title if desired and check/uncheck the Display title checkbox accordingly.

    Screenshot of Title field
  7. Under Image settings, select Full width or Sized image from the Type of image drop-down menu.

    Screenshot of Type of Image drop-down function
    1. Full width: This image will automatically resize to fit the width of the section they are assigned to on the content page. 

    2. Sized image: The Original sized image will have the same dimensions as the uploaded image, and the Custom sized image can have the dimensions of the image scaled to a desired height or width.

      1. If Custom is chosen as the Type of sized image:

        • Select the desired Dimension to scale from the drop-down menu (height or width).

        • Depending on the chosen Dimension to scale, enter the desired height or width to scale.

          Screenshot of type of image options
  8. Use the drop-down menu to select the desired Image alignment.

    Screenshot of image alignment options
  9. Under Upload your image, select Add media.

  10. Next, you can either use an existing image or add/upload a new image.

    1. To use an existing image: 

      1. Find and select the image you wish to use, then select Insert selected. You may also search for the name of the desired existing image.

        Screenshot of Name field
    2. To add/upload new images:

      1. Under Add file, select Browse and choose an image from your device.

        Screenshot of Browse... button
      2. Enter a Name and Alternative text.

        • Note: By default, the Name will be the same as the original file name.

  11. If needed, Crop image and/or add a Caption.

    • Note: Crop image is not a cropping tool. It allows you to view what portion of the image will appear at different sizes.

  12. Select Save.

  13. Select Insert selected.

  14. Select Add block.    

  15. Select Save layout.

How to configure an Image block

  1. From the administration bar, select Workbench, then select My Dashboard.

  2. From the Content list panel, select the content you would like to edit.

  3. On the content page, select Layout

  4. Using your cursor, hover over the Image block you wish to configure and select the pencil icon that appears at the top right corner of the block.

    Screenshot of options that appear after hovering over pencil icon
  5. Select Configure.

  6. After making the necessary changes, select Update.

  7. Select state from the Change to: drop-down menu.

  8. Select Save layout.

  • No labels