Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Reverted from v. 5

...>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 Base.
  2. The <sidemenu> widget that allows adding a side-menu.
  3. The <breadcrumbs> widget that allows navigating within the Portal pages structure.

These widgets interact with each other.

The page located on the dedicated portal node with the following attributes:

  • Enable Dynamic Nodes is TRUE
  • Category Parent Column has a reference to the Parent KB Category table (parent_knowledge_base_category).

Knowledgebase Form widget configuration


Knowledgebase 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 pattern:

xml
Code Block
language
<div class="portal__kb_item"> 
<Form tableName="article" sysid={data.item} view="SP" uiActions="false" userScripts="true"/> 
<div>

Side-menu widget configuration


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:

Code Block
languagexml
themeEclipse
titleSidemenu
linenumberstrue
<SideMenu 
parentsDepth="1" 
childrenDepth="1"
   
includeCategories="1"
 
  includeItems="1">\ 
</SideMenu>

Breadcrumbs 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):

Code Block
languagexml
themeEclipse
titlebreadcrubmbs
linenumberstrue
<div class="portal__breadcrumbs customized">
  <breadcrumbs> 
</div>

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

Code Block
languagecss
themeEclipse
titleBreadcrumbs CSS
linenumberstrue
.customized {
   background: #FFFFFF;
  padding: 9px 0px 8px 16px; 
}


Table of Contents
absoluteUrltrue