Generally, an announcement page consists of the following elements:

1. The <breadcrumbs> widget allows navigating within the Portal pages structure.
2. The announcement widget implemented as a bundle of the existing widgets, widget attributes, also server and client logic are used.
3. The <previewList> widget allows displaying a brief list of announcements.

These widgets interact with each other.

Breadcrumbs configuration

To configure breadcrumbs correctly, it is preferable to use the attribute values as in the example below (type these values in the Template field of the <breadcrumbs> widget form):

<div class="announcement__breadcrumbs customized">
  <breadcrumbs>
</div>

After that, you can define the breadcrumbs view in the CSS field of this form:

.customized {
   background: #FFFFFF;
  padding: 9px 0px 8px 16px;
}

Announcement widget configuration

Generally, an announcement widget looks like a card containing information that the administrator wanted to deliver to users. This card contains formatted text that can be typed with the Announcements functionality. Announcements can be bound with Task objects, such as Incidents or Change Requests. To use this widget, add it to the widget instance configured on the appropriate page by selecting the widget dictionary (select the Announcement Page Portal Widget item from the list).

To modify an announcement appearance, you can clone a widget template and make changes in your copy:

1. Navigate to the widget form and open the burger menu.
2. Click the Insert and Stay item.
3. Work on your copy, and use it on your portal pages.

Preview list widget configuration

To configure a <previewList> widget, it is preferable to follow the recommendations when filling in the attribute values. You can use the example below as a pattern:

<previewList tableName="announcement" view="AnnounceView" elementCount="3" subjectColumn="subject" dateColumn="sys_created_at" stateColumn="state" wrap="true" itemView="announceView"><ListHeader><div>Announcements</div></ListHeader></previewList>