Adding an alert to an interior page

Alert boxes can be created as modules and added to interior pages. The alert text will appear within a burnt orange box outline.

  1. Go to Extensions → Modules and search for "alert"
  2. Copy an existing alert, such as "Room reservation alert", by clicking the checkbox and then "Duplicate"
  3. Open the copied module and change the title (recommend keeping the word "alert"; for example "Advising alert")
  4. Add the text for your alert in the main editor section. If completely deleting the current text, be sure to put a <div></div> around the newly added text.
    1. Highlight the new text, click on the "Format" drop down (likely says "Paragraph") and choose "Div container"
    2. Use the "Code" tab to check that a <div></div> surrounds the new text
  5. In the "Position" drop down, click the "x" to remove the current position. Type in a unique position for this alert and press enter (for example "advising-alert"; must not include spaces)
  6. Change the module to be "Published" then "Save and close" the module
  7. Go to Content → Articles and open the article where the alert will appear
  8. The alert can be placed anywhere in the article, but the top of the page is recommended. Place the cursor where the alert will appear and type in the short code for the module.
    1. The short code includes text between two curly brackets { }. We are using the position short code "modulepos" and the name of the position.
    2. For this example the full short code would be {modulepos advising-alert}
  9. Save the article and check the website


Troubleshooting tips

  1. The module should have carried over some settings when a copy was made
    1. "Show Title" should be set to "Hide"
    2. The "Menu Assignment" tab should be set to "On all pages"
    3. The "Advanced" tab should have in the "Module class suffix" section "-alert-interior"
    4. The entire block of text should be contained within a <div></div>. If not, highlight the new text, click on the Format drop down (might say Paragraph) and choose "Div container".