<  Widgets

RocketFuel Filter Record Results

Widget

### Description

This widget works with the RocketFuel Category Items widget and the RocketFuel KB Category Items widgets. It allows the user to filter the items in these widgets based on their own input.  

### Configuration

The simplest way to configure this widget is through the instance options within the service portal.

### Instance Options

|  Option       | Variable | Comments |
| ----- |:-----:| ---- |
| Template| `u_template` | Takes an `id` from a ngTemplate associated with the widget.|
| Placeholder Text| `placeholder_text` | Specifies the text in the input bar. |

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

### Templates
| Name | Comments |
| -------- |:---|
| `kb-article-list-order` | Standard card template using kb-article-template directive. |
| `simple-filter.html` | This is the default filter; it is a full-width filter bar. |
| `catalog-filter` | Shown in the demo above. This filter allows the user to change the view from a grid to a list, and gives options on how many results to show. |

### Sample Data

```json
{
"data": {
"templateID": "simple-filter.html",
"pagePrefID": "",
"preferences": {},
"options": {
"placeholder_text": "Filter Records"
}
}
}
```

### Dependencies
_Dependencies are included and configured as part of the provided Update Set._

> None

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.