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. To do so, you need to create a style rule for every incident state, that gives it a specific color marker.

Role required: admin.

To create a rule style, 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 the changes.

Column 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.


Add images to the announcement list widget

At first, you need to change 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 as an option.

  3. Change the values in 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 the 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 the changes.

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