Skip to main content

Announcement Module

  • Updated

The Announcements Module is used to add/edit/delete announcements. Announcements are categorized allowing the flexibility of displaying them on a designated page, i.e. high school athletic events on the Athletics Page or middle school events on the Middle School landing page. In addition, announcements will start and stop showing on your site based on the selected dates for each announcement.

Note: In order to display announcements on your website, an Announcements tool will need to be added to the page. Please see the Announcements tool article for more information about displaying announcements on a page.

announcements.png

Actions

  1. Add Announcement: Select to add an announcement. See the Add Announcement section below for more information.
  2. Categories: Manage the available announcement categories. See the Announcement Categories section below for more information.

Filters

  1. Category: By default, all announcements will display. You can use this filter to select to view announcements in a specific announcement category.
  2. Visibility: By default, only active announcements will display. You can use this filter to view Active, Inactive, and View All announcements.

Announcements

  1. Show # Entries: By default, 10 announcements will display on each page. You can update this to display 10, 25, 50, or 100 announcements per page.
  2. Search: Use the search area to search for an announcement.
  3. Title: Displays the title of the announcement and indicates if the announcement is Visible or Hidden.
  4. Category: Displays the category for the announcement.
  5. Start Date: Displays the date & time that the announcement will start showing in the Announcements tool.
  6. End Date: Displays the date & time that the announcement will stop showing in the Announcements tool.
  7. Actions: Select to update or delete the announcement.
  8. Use the previous, next, and page options to navigate through the pages of announcements.

In the announcements table, you can sort by columns by selecting the header. The sort arrows (sort.jpg) indicate which columns you can use to sort information.

Announcement Categories

announcement-categories2.png

Actions

  1. Add Category: Select to add a new announcement category. See the Add Category section below for more information.
  2. Announcements: Select to navigate back to the Announcement module's main page.

Categories

  1. Show # Entries: By default, 10 announcements will display on each page. You can update this to display 10, 25, 50, or 100 announcements per page.
  2. Search: Use the search area to search for an announcement category.
  3. Category: Displays the category name. Also indicates which category is the Emergency Category.
    Note that there can only be one Emergency Category.
  4. Number of Announcements: Displays the number of announcements in attached to the category.
  5. Actions: Select to update or delete the announcement category.
    Note that deleting an announcement category will delete the category and all announcements that are attached to it.
  6. Use the previous, next, and page options to navigate through the pages of announcements.

Add Category

add-category.png

Enter the name for the category and indicate if this is the Emergency Alert Category. Note that there can only be one Emergency Alert Category.

Note that if you sync the announcement category with your app, the category name will display in the app news item.

Add Announcement

add-announcement.png

Required Settings

  1. Title: Add the title of your announcement.
  2. Category: Select the desired category for the announcement.
  3. Start Date & Time: Set a Start Date and Start Time of when you would like the announcement to start displaying on your website.
    Note if you have an app this is the date/time the new item will be created and the push notification sent if applicable.
  4. End Date & Time: Set an End Date and EndTime of when you would like the announcement to stop displaying on your website.
    Note if you have an app this is the date/time the new item will stop displaying in the app as well.
  5. Announcement: Type in or copy and paste the announcement in this text area.
    Note that if you are pasting always use the Paste as Plain Text () or Paste from Word () tools to remove any outside formatting that could interfere with your website design. You can use the tools on the editor to format the text. Please see the Text Editor article for more information about formatting.

Image Settings

  1. Drag and drop an image file or select to browse for an image on your device.
  2. Alt Text: Provide text that will show when the mouse cursor hovers on the picture. This is important for accessibility for users that are utilizing screen readers and not visually seeing the screen.

Display

  1. Image Width: Set the desired image width using the radio buttons. If "Custom Width" is chosen, enter the number of pixels wide the image should be. If your image is wider than the selected width, it will be scaled down to that width.
  2. Image Alignment: Set the justification for the image. If "Above" or "Below" is chosen there is the additional option of choosing left, right, or center.

Link

  1. Link Address for Image: Add a URL to have the link open when the image is selected.
  2. Browser Window Type: Select New Window or Current Window. The current window option should be used for linking to pages within your site while the new window option should be used for external pages.

Related articles