In SimpleOne, you can customize your list view in different ways. For example, you can colorize the states of Incidents to make them more visual and attractive. For this, you need to create a style rule for every incident state, that puts it into a color mold.

Role required: admin.

To create a rule style, please complete the steps below:

  1. Navigate to UI Customization → Column Style Rules.
  2. Click New and fill in the fields.
  3. Click Save or Save and Exit to apply changes.

Style rule form fields

FieldMandatoryDescription
TableYChoose the target table to apply a style rule.
ColumnYSelect a column to apply a style rule. This field depends on the Table field, so choose the table firstly; otherwise, you will not be able to select a column.
ConditionN

Create a condition to meet before applying a style rule. Use the Condition Builder to build a filter that fits your needs. You can create complex AND and OR filters, more than one in one condition.

An empty condition always returns 'true'.


ColorY

Label color (for example, state mold color for ITSM objects). Available choice options:

  • Red
  • Green
  • Blue
  • Yellow
  • Orange
  • Purple
  • Aqua
  • Grey
  • Dark Grey.
ImageNAttach an image if needed.


Adding images to the announcement list widget

At first, make changes to the announcement list template:

  1. Navigate to Portal Structure →  Widgets.
  2. Find the Main Announcements Widget in the list and open the record.
    1. You can follow the link https://instance.example.com/record/sys_widget/158965629818870922, alternatively.

  3. Make changes to the Template field as given below:

    Original valuetransparent = "true" wrap = "false"
    New valuetransparent = "false" wrap = "true"


  4. Click Save or Save and Exit to apply changes.

After that, configure your announcement style rules according to your needs.

  1. Navigate to UI Customization →  Column Style Rules.
  2. Open the records related to the Service Announcement table (you can filter them using the Show Matching functionality).
  3. Add suitable images to these records.
  4. Click Save or Save and Exit to apply changes.

Your final announcement list may look like given below (the given screenshot is an example; your productive list may differ).