Documentation
RocketFuel
<  Widgets

Popular Items

### Description
This widget has been deprecated.
Surface the most frequently accessed items in the portal. The Popular Items widget can be configured to pull in a script include to influence the algorithm that calculates popular items.

### Instance Options
|  Option       | Property | Comments | Default Value | Source |
| ----- |:-----:| ---- | ---- | ---- |
| Limit | `limit` | The integer entered here will be used to determine the maximum number of items to show. | `9` | Instance |
| Include Record Producers | `include_record_producers` | Include requests made through Record Producers. | `Default value` | Instance |
| Script Include | `script_include` | Supports overriding the default Script Include. | `Default value` | Instance |
| Method name | `method_name` | The name of the method called in the Script Include. | `getPopularItems` | Instance |
| Template | `u_template` | Take the template ID associated with the widget. | `Default value` | Options Schema |
| Title | `title` | This field controls the text which is displayed in the title area. | `Default value` | Options Schema |
| Bootstrap Class Name | `class_name` | A valid bootstrap class name can be entered here to change the style of the widget. | `Default value` | Options Schema |
| Bootstrap Color | `color` | The value of this property is used to set the color of the background and title text for the widget. The property takes standard Bootstrap color values as a string (e.g. 'Default', 'Primary', 'Success', etc…). | `Default value` | Options Schema |
| Glyph | `glyph` | Adds a small glyph that renders next to the title. | `Default value` | Options Schema |
| Column classes | `col_classes` | The value of this field is used to determine how many columns exist. | `col-md-4` | Instance |
| Page | `sp_page` | This 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. | `Default value` | Instance |

### CSS/SASS Variables
_CSS/SASS variables are given default values that can be overridden with theming or portal-level CSS._
| Variable | Comments |
| -------- |:---|
| `$nr-sc-item-image-size` | Used to set the height of an image, and the height and width of an icon. |
| `$nr-sc-item-title-color` | Used to set the color of the title. |
| `$nr-sc-item-height` | This variable controls the height of the image. |

### Templates
| Name | Comments |
| -------- |:---|
| `nr-popular-items-animated-cards.html` | Displays animated cards over hover. |
| `nr-popular-items-panel.html` | Displays the cards with a short description and icon. |
| `nr-popular-items-cards.html` | Displays the cards in a stacked view with a short description and icon. |

Want to Learn More? Talk to an Expert
Contact Us