<  Widgets

RocketFuel Tabbed Content

### Description

This widget shows category tabs, each of which can be configured to show items in that category. It takes a widget id in the configuration (explained below) along with options for using different templates, assigning column classes, and a limit.

### Configuration

Once this widget is on the page, right-click on this widget to open the options, and click 'copy config to clipboard', which is the last option. Then, right-click the widget once again, and this time choose 'Instance Options'. Paste the config into the Configuration field, and then modify the options as needed.  


### Sample Data

```json
{
"tabs": [
{
"widget_id": "nr-popular-items",
"options": {
"template": "nr-popular-items-cards.html",
"col_class": "col-md-3",
"limit": 6
},
"title": "Popular"
},
{
"widget_id": "nr-sc-category-buttons",
"options": {
"catalog_id": "e0d08b13c3330100c8b837659bba8fb4"
},
"title": "IT Services"
},
{
"widget_id": "nr-sc-category-buttons",
"options": {
"catalog_id": "7b0370019f22120047a2d126c42e7075"
},
"title": "HR Services"
}
]
}
```

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

> None

### CSS/SASS Variables

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

> 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.