1. The <breadcrumbs> widget allows navigating within the Portal pages structure.
2. The <listitems> widget configured to the announcement list.

The page located on the dedicated portal node.

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="announcementList__breadcrumbs customized">
  <breadcrumbs>
</div>

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

.customized {
  font-family: Tahoma,Verdana,Segoe,sans-serif;
}

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:

<listitems
  class="linkStyles"
  tableName="announcement"
  condition=""
  listView="AnnounceView"
  choiceConditionName="announcement_type"
  dateConditionName="sys_created_at"
  perPage="5"
  displayColumnNumber="2">
</listitems>