Customizing the Style of Announcements

Announcements for technicians appear on dashboards of the Desktop App and the Welcome page of the Web App. Announcements for Self Service Portal customers are displayed on the Home page of the Self Service Portal. You can independently customize the appearance of Announcements for each of these locations.

NOTE: Technicians may also view Announcements using the Mobile App. However, the appearance of Announcements in the Mobile App is pre-defined and cannot be customized.

To modify the current style:

  1. From the Sidebar, navigate to General > CSS Styles> Announcements.
  2. Choose where you want to change the style of Announcements: Desktop App, Web App, or Self Service Portal.
  3. Customize CSS style definitions as you need. Make sure not to delete or modify existing CSS class names and selectors.
  4. Click Save on the Standard toolbar.

    NOTE: When customizing the appearance of Announcements for applications, make sure that you precede each CSS style definition with the special parent selector #announcement. This selector ensures that your style definitions apply only to Announcements, not to the entire web page. For details, see Customizing Style Sheets for Portals.

To save the current style sheet to a .css file:

  1. Choose what style you want to save: Desktop App, Web App, or Self Service Portal.
  2. Click Save To File. The Save Stylesheet to dialog box opens.
  3. Browse for the location to save the file to, enter the file name, then click Save on the Standard toolbar.

To import the style sheet from a file:

  1. Choose what style you want to import: Desktop App, Web App, or Self Service Portal.
  2. Click Load From File. The Load Stylesheet from dialog box opens.
  3. Browse for the .css file and click Open.

    NOTE: When you import the style sheet from a file, you replace the current style definition. You may want to export your current style sheet to a file before doing the import in case you need to restore the original style.