Page History

...>Page Examples

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 located on references the dedicated portal node with with the following attributes:

Breadcrumbs widget configuration

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

To configure a form widget for the Knowledge Base, it To configure breadcrumbs correctly, it is preferable to follow use the recommendations when filling in the attribute values . You can use as in the example below as a pattern(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>

Side-menu widget configuration

  <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 sidemenu widget, To configure a side-menu 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="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;
}158934872713077631" categorySubject="name" categoryDescription="description"  itemDescription="body" itemSubject="name" date="sys_created_at" user="sys_created_by"></CategoryFlat>