Generally, a knowledge base page consists of the following elements:
- The <form> widget that allows displaying a form widget displays a record form from the Knowledge Base.
- The <sidemenu>sidemenu widget that allows adding adding a sidemenu.
- The <breadcrumbs> widget that allows navigating breadcrumbs widget allows navigation within the Portal structure of the portal pages structure.
These The <sidemenu> and <breadcrumbs> widgets interact with each other providing easy navigation.
The page references the dedicated portal node with the following attributes:
Enable Dynamic Nodes is TRUECategory Parent Column has a reference to the Parent KB Category (parent_knowledge_base_category) table .
Image Added
Knowledge Base form
Knowledge Base Form widget configuration
Knowledge Base widget is basically a form widget widget surrounded by <div> elements.
To configure a form <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:
Code Block |
---|
language | xml |
---|
theme | Eclipse |
---|
title | Knowledge Base form |
---|
linenumbers | true |
---|
|
<div class="portal__kb_item">
<Form tableName="article" sysid={data.item} view="SP" uiActions="false" userScripts="true"></Form>
<div> |
Sidemenu widget configuration
To configure a sidemenu widget, use the example below as a pattern:
Code Block |
---|
language | xml |
---|
theme | Eclipse |
---|
title | Sidemenu |
---|
linenumbers | true |
---|
|
<SideMenu
parentsDepth="1"
childrenDepth="1"
includeCategories="1"
includeItems="1">\
<div></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> breadcrumbs widget form):
Code Block |
---|
language | xml |
---|
theme | Eclipse |
---|
title | breadcrumbs |
---|
linenumbers | true |
---|
|
<div class="portal__breadcrumbs customized">
<breadcrumbs>
</div> |
After that, you can define the breadcrumbs view in the CSS field of this form:
Code Block |
---|
language | css |
---|
theme | Eclipse |
---|
title | Breadcrumbs CSS |
---|
linenumbers | true |
---|
|
.customized {
background: #FFFFFF;
padding: 9px 0px 8px 16px;
} |
To configure 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:
Code Block |
---|
language | xml |
---|
theme | Eclipse |
---|
title | Sidemenu |
---|
linenumbers | true |
---|
|
<SideMenu
parentsDepth="1"
childrenDepth="1"
includeCategories="1"
includeItems="1">\
</SideMenu> |