Add a Text Block to a CLE Course

The Text block (previously called the HTML block) can be added to the right-hand column in the sidebar of your course page.

It provides the standard text Editor for formatting text, adding images or creating links, and switching to HTML view, which allows any valid HTML code to be used. Audio, images, and other files can add unique elements to a course or site page.

 Examples of the Text block

A screenshot example of how to add a text block from the text drawer from the instructor or manager perspective.jpg

Add a Text block

  1. Log into the CLE (cle.ucsf.edu), and go to the course that you would like to add the text block.
  2. Click the Edit mode button next to your name in the upper right corner. 
  3. Open the block drawer on the upper right corner under the Edit mode button, and click Add a block in the top right of the course page.

  4. Select the Text block from the drop-down menu. The Text block will appear below the other blocks in the right column, named (new text block).

    A gif example of how to add a text block from the drop-down menu from the text drawer from the instructor or manager perspective.gif

  5. At the right of the newly created Text block, click the Edit icon (gear icon) and select Configure (new text block) block. The Configuring a (new text block) block page will open.

    A screenshot example of how to configure a text block on text block page from the instructor or manager perspective.jpg

  6. In the text block title box, enter a Title for the block.

    A screenshot example of how to add info on text block page from the instructor or manager perspective.jpg

  7. In the Content box, use Text Editor to add formatted text, images, links, or other content.

    Note: We do not recommend embedding video in a block as it is unlikely to fit within the width of the block. Images, however, will always resize in the text editor to fit the available space.
  8. (Optional) In the page content editor, click the show more buttons icon. Page_content_editor.jpg

  9. (optional)To enter the HTML code, click the HMTL  icon (Embed icon) in the editing toolbar. The editor window will switch to a code view where can add any valid HTML code. You can click the HTML icon (Embed icon) again to view a preview in the Content box.

    A screenshot example of how to enter the HTML code in the editor window from the instructor or manager perspective.jpg

  10. Click Save changes to return to your course page and view it. The block will appear on the right-hand side of your CLE course. 

    A screenshot example of the text block on course page from the instructor or manager perspective.jpg

Editing a text block

  1. Click on the gear icon on the right-hand side of the text block.
  2. Select Configure (new text block) block.

    A gif example of how to configure text block from the instructor or manager perspective.jpg

  3. Use the text editor to add formatted text, images, links, or other content of the block.

  4. Click Save changes to return to your course page.

Move or delete a block

    1. To move an item: Hover the mouse pointer over the four arrow icon and an alt text popup appears with the text 'Move item name'. Press and hold the mouse button, as you drag and drop the item into a new location.

      A screenshot example of how to drag and drop a block from the list of blocks on the right hand side from the instructor or manager perspective.jpg

    2.                               
    3. To delete an item: Click on the gear icon (cog icon) next to an item (block, resource, or activity) and select Delete block from the action menu. A prompt will ask you to confirm that the item will be deleted.

      A screenshot example of how to delete a block from the list of blocks on the right hand side by using the cog icon from the instructor or manager perspective.jpg

      Blocks are very difficult to recover. If you are not certain that you wish to delete a block permanently, use the Hide block name option in the block settings menu (see below).

Hide / Show a Block

You can hide a block from the student view (it will still be visible to editors) without deleting it.

      1. To hide an item: Click the Edit settings icon for the block that is to be hidden, and click on the Eye icon with the label Hide block name.
      2. To show an item: Click the Edit settings icon for the hidden block that is to be shown, and click on the Eye crossed-out icon with the label Show block name.

 

Was this topic helpful?

Have more questions? Contact us