<  Widgets

RocketFuel Tabbed Content

Widget

### 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
{

   "options": {

       "tabs":[

           {

               "title":"Popular",

               "widget_id":"nr-popular-items",

               "options": {

                   "template": "nr-popular-items-cards.html",

                   "limit": 6,

                   "col_class": "col-md-3"

               }

           },

           {

               "title":"IT Services",

               "widget_id":"nr-sc-category-buttons",

               "options": {

                   "catalog_id": "e0d08b13c3330100c8b837659bba8fb4"

               }

           },

           {

               "title":"Cool Clocks",

               "widgets": [

                   {

                       "widget_id":"widget-cool-clock",

                       "options": {},

                       "col_class": "col-md-6"

                   },

                   {

                       "widget_id":"widget-cool-clock",

                       "options": {},

                       "col_class": "col-md-6"

                   }

               ]

           }

       ]

   }

}


```

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