Page History

Generally, a knowledge base page consists of the following elements:

1. The <form> widget that allows displaying a record form from the Knowledge BaseThe breadcrumbs widget allowing navigation within the portal pages structure.
2. The <sidemenu>sidemenu widget that allows adding a side-menu.adding a sidemenu.
3. The categoryFlat widget displaying object categoriesThe <breadcrumbs> widget that allows navigating within the Portal pages structure.

These widgets interact with each other.

Image Added

The page references the dedicated portal node with with the following attributes:

Breadcrumbs widget configuration

Knowledge Base widget is basically a form widget surrounded by <div> elements.

To configure a form widget for the Knowledge Base, it is preferable to follow the recommendations when filling in the attribute values. You can use the example below as a patternTo 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="portal__kb_itembreadcrumbs customized">
<Form tableName="article" sysid={data.item} view="SP" uiActions="false" userScripts="true"/>
<div>  <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;
}

Sidemenu widget configuration

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

<SideMenu
 parentsDepth="1"
 childrenDepth="1"
   includeCategories="1"
   includeItems="1">\
</SideMenu>

CategoryFlat widget 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)a categoryFlat widget, use the example below as a pattern:

<div<CategoryFlat classnodeId="158934872713077631"portal__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;
} categorySubject="name" categoryDescription="description"  itemDescription="body" itemSubject="name" date="sys_created_at" user="sys_created_by"></CategoryFlat>