Documentation
RocketFuel
<  Widgets

FAQ

### Description

List popular questions asked in the portal. The FAQ widget allows users to view a list of knowledge articles from a specific category, knowledge base, and/or encoded query. You can customize and style this widget using the available instance options and associated custom templates.
### Instance Options
|  Option       | Property | Comments | Default Value | Source |
| ----- |:-----:| ---- | ---- | ---- |
| Page | `sp_page` | This property can be used to select a page which is used to create the URL for each category. | `Default value` | Instance |
| Category | `category` | Displays the catalog items on a panel. | `Default value` | Options Schema |
| Encoded Query | `encoded_query` | Queries entered in this field determine which items are displayed. | `Default value` | Options Schema |
| Order By | `order_by` | This property allows a custom order to be selected. | `Default value` | Options Schema |
| Include children categories | `include_child_articles` | If the category is set, fetches children articles as well. | `Default value` | Options Schema |
| Template | `u_template` | This property allows a custom template to be selected. | `Default value` | Instance |
| Bootstrap color | `color` | Used to set the color of the background and title text for the widget. | `Default value` | Instance |
| Bootstrap class name | `class_name` | CSS classes entered here will be applied to the column. | `Default value` | Instance |
| Limit | `limit` | Limits the number of articles to the property value that you set here. | `Default value` | Options Schema |
| Column Classes | `col_class` | CSS classes specified in this property will be applied to the column. | `col-md-6` | Options Schema |
| Show Panel | `show_panel` | Shows interactive buttons on a panel. | `false` | Options Schema |
| Data fields | `fields` | Comma separated list of fields to get from the kb article record. | `sys_id,text,published,short_description,topic` | Instance |
### CSS/SASS Variables
_CSS/SASS variables are given default values that can be overridden with theming or portal-level CSS._
| Variable | Comments |
| -------- |:-------------:|
| `$nr-faq-color` | This variable controls the color of the text on the tabs as well as the border below the text. |
| `$nr-faq-chevron-color` | This variable controls the color of the arrows in the tabs.  |
| `$nr-faq-col-gutter` | This variable adjusts the grid for all items.  |
### Templates
| Name | Comments |
| -------- |:---|
| `nr-faq-default.html` | Sets the standard card template. |

Want to Learn More? Talk to an Expert
Contact Us