Callout

Relevant to: faculty and staff

This article contains information considered accurate at the time of publishing. Technology updates, changes in University security practices, and/or policies and procedures may affect the information in this article — updates to articles are scheduled on a periodic basis and will address any required changes.

Overview

Elements from Brightspace’s Creator+ tool allow developers and content creators to add dynamic components with a user-friendly authoring experience that does not require HTML coding knowledge.

A Callout is a bordered rectangle that separates the content within the rectangle from the rest of the content. Callouts are useful for drawing attention to a key detail or an aside to the primary content.

Insert a Callout

1. Navigate to the desired page and select the Edit HTML option to edit the page. Place the cursor in the location the Callout will go.
   


2. Select the Creator+ Authoring Tools button in the editor.
   


3. Select the Insert Element option.
   


4. Click the Callout option.
   


5. Select the Callout format that best suits your design:
   • No Icon: Best used for anecdotes, case studies, or additional related information.
   • Question: Includes a question icon, for presenting reflection questions.
   • Attention: Includes an exclamation icon, for highlighting key points.
   • Jumbo: Larger format to disrupt content flow and emphasize an important fact or concept.
   


6. Enter an appropriate Title for the Callout in the Title field.
   


7. Enter the Callout Content in the content field.
   


8. Select the Preview button to review the Callout.
   


9. Select the Insert button to finalize the content and insert the Callout into the page where your cursor was.
   


10. Select Save and Close.
    

Edit a Callout

1. Navigate to the webpage that has a Callout and select Edit HTML from the drop-down menu on the right of the title.
   


2. Click on the Callout to open the Edit Panel, then select the pencil icon.
   


3. Make changes to the Callout, then select Preview to review them.
   


4. In the Preview window, select Insert to confirm your revisions.
   


5. Back in the editing screen, select Save and Close to finalize the update.