Knowledge
- 22 Apr 2024
- 3 Minutes to read
- Print
- PDF
Knowledge
- Updated on 22 Apr 2024
- 3 Minutes to read
- Print
- PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Knowledge Base widget enables users to browse and search for articles and services.
User persona: Application Designer
Let's explore the following Use Case for designing the Knowledge Base!
Use Case User persona: Application Administrator | Solution |
| NovaTech, IT Services company wants to improve knowledge access and retrieval within its intranet system by implementing a knowledge widget. This widget should help user enhance their experience by providing quick and easy access to important information and resources. | Sam the Application Designer can leverage the Knowledge widget and tailor it to precisely meet the unique needs and requirements of the organization. The widget can streamline access to critical information and resources while providing a personalized and efficient user experience. |
Configure Knowledge Widget
This section contains the list of steps using which Application Designer can add the widget in the Service Portal screen.
- Navigate to Home > Service Portal > Add Service Portal > Saved Widgets > Knowledge.
Figure: Adding Widgets
- Customize the Service Portal by dragging the widget from widget list screen.
Figure: Action Widget Template
- Click Settings icon to view Properties pop-up.
Figure: Action Widget Template You can view the following tabs on the Settings for this field.
Properties
This section contains the list of properties using which the Application Designer can configure the respective widget feature. 
Figure: Properties
To know more about the fields available under the Properties section, see Field Description below.
Field Description
| Properties | |
|---|---|
Widget Type | Select Action Widget from the drop-down list. |
| Description | Type the details of widget functionality. |
| Elements | Type the element Title or Header that should be displayed on the widget screen. |
| Title | Type the name of the widget. Example: The title is specified as Knowledge Base. |
Data Source
This section contains the list of features using which the Application Designercan select Source, Application, Module, Table, and Form.
Figure: Data Source
The table below contains the list of fields and their descriptions that are available under the Data Source section:
Field Description
| Data Source | |
|---|---|
Internal | Select the Date Source as Internal from the drop-down list. |
Application | Select the Application from which the data has to be fetched. |
| Module | Select the Module from which the data has to be fetched. Here Knowledge is selected under the Module drop-down list. |
| Form | Define the Form using which the widget should open when you click on it. Here Knowledge Base is selected from the drop-down list. |
| Form Type | Select the form type as List or New from the drop-down list. |
| Open Mode | Select the mode of opening the link as New Tab or Self Window. |
Appearance
This section contains the list of features using which the Application Designercan select Icon, Background and Border.
Figure: Appearance
The table below contains the list of fields and their descriptions that are available under the Appearance section:
Field Description
| Appearance | |
|---|---|
| Icon | |
| Icon Upload | Select the Icon to be uploaded. Figure: Icon selection |
| Icon Position | Select the position for the icon by selecting the size and padding. Figure: Icon size and Padding |
| Title | ||
|---|---|---|
| Text Type | Select the type of the text from drop-down list. | |
| Text Color | Select the color for the text from the palette. | |
| Text Size | Select the size of the text. | |
| Text Style | Select the text style from the tab. | |
| Text Alignment | Select the type of alignment for the text. | |
| Header Separator | |
|---|---|
| Border | Select the preferred border for the header. |
| Description | ||
|---|---|---|
| Text Type | Select the type of the text from drop-down list. | |
| Text Color | Select the color for the text from the palette. | |
| Text Size | Select the size of the text. | |
| Text Style | Select the text style from the tab. | |
| Text Alignment | Select the type of alignment for the text. | |
| Background | |
|---|---|
| Background Type | Select the preferred background type. Figure: Background |
| Box Animation | |
|---|---|
| Bottom Right | Select the offset and radius for the bottom right section of the box. |
| Transform Scale | Select the X scale axis and Y axis scale axis. |
| Color | Select the color for the box. |
| Top Left | Select the offset and radius for the top left section of the box. |
| Border | |
|---|---|
| Border | You can style the border by selecting desired Border Type. |
| Dimensions | |
|---|---|
Dimensions | You can style the border by selecting the desired Dimension value. Figure: Dimension |
You can click Save to save the configuration. The configured widget appears as shown below.
Figure: Knowledge Base widget
Was this article helpful?