<  Widgets

RocketFuel FAQ

### Description

This widget allows users to view a list of knowledge articles from a specific category, knowledge base, and or encoded query.

### Configuration

A category must be selected from which to display articles. This can be done via the Category field in the widgets instance options.

### Instance Options

|  Option       | Property | Comments | Source |
| ----- |:-----:| ---- | ---- |
| Page | `sp_page` | Defines the article page you are using in the portal. It is used to generate the url that users will be taken to when they click on a given article. | Instance |
| Template | `u_template` | Specifies which template to use for displaying items. To create a new template, create a new Angular ng-template record. Make sure the widget field is populated with the correct widget, create a unique id, and fill in the template with the appropriate HTML.   | Instance |
| Bootstrap Color | `color` | Associated with the items. It modifies the color of the item buttons. | Instance |
| Bootstrap Class Name | `class_name` | Specifies which template to use for displaying items. To create a new template, create a new Angular ng-template record. Make sure the widget field is populated with the correct widget, create a unique id, and fill in the template with the appropriate HTML.   | Instance |
| Category | `category` | Determines which articles to display. Only articles from the selected category will be displayed in the list. | Options Schema |
| Limit | `limit` | Limits the number of articles to the property value that you set here | Options Schema |
| Column Classes | `col_class` | Specifies the Bootstrap column class that you would like to use for items. The default is col-md-6, which renders a two column layout using the Bootstrap grid system. | Options Schema |
| Encoded Query | `u_template` | Specifies the encoded query.  | Instance |
| Order by | `order_by` | Sets the order by field. Defaults to the published date. | Options Schema |

### CSS/SASS Variables

_CSS/SASS variables are given default values that can be overridden with theming or portal-level CSS._

> None

### Templates
| Name | Comments |
| -------- |:---|
| `nr-faq-default` | Default template shown above in the demo. |

### Sample Data
```json
{
"options": {
"articles": [
{
"author": "Wayne Webb",
"published": "2018-09-11",
"short_description": "Email Interruption Tonight at 11:00 PM Eastern",
"sys_id": "f27d7f79c0a8011b0018f9d700d2b9aa",
"topic": "News"
},
{
"author": "Jon Webb",
"published": "2018-19-11",
"short_description": "Managing Settings in Internet Explorer 10",
"sys_id": "f27d7f79c0a8661b0018f9d700d2b9aa",
"topic": "News"
}
],
"col_class": "col-md-6"
}
}
```
### Dependencies
_Dependencies are included and configured as part of the provided Update Set._

Get Awesome Updates

Enter your email address for news and updates from NewRocket.

Thanks for your email!
There was an error, please try submitting again.