The Slider Widget displays multiple content tiles in a sliding carousel. By default it includes three Tile Widgets that rotate automatically. Use this widget to present multiple pieces of content in a compact, scrolling format.
Common Tasks
Adding the Widget to a Page
- Navigate to the page in the Contensive page editor.
- Click the widget tool to open the widget panel.
- Find the Slider Widget in the Design Blocks category.
- Drag the widget onto the page at the desired location.
Editing Widget Content
- Click the edit icon on the Slider Widget.
- Enter a title in the Headline field to display above the slider.
- Set the Slider Pause to control how many seconds each slide is displayed (default: 3).
- Enable or disable Scroll Nav Dots to show or hide navigation dots below the slider.
Managing Slides
- Open the advanced editor and go to the Design Blocks tab.
- Use the Addon 1 through Addon 15 dropdowns to select up to 15 addons (typically Tile Widgets) to include in the slider.
- To add a slide, select an addon in the next available slot.
- To remove a slide, clear the addon selection from the slot.
- The order of slides follows the Addon numbering (Addon 1 appears first).
- Click the edit icon on the widget.
- Adjust the Slider Pause value to change the seconds between automatic transitions.
- Set to a higher number for slower transitions, lower for faster.
- Open the advanced editor to access the Styles tab.
- Set padding (top, right, bottom, left) to control spacing around the slider.
- Choose a Theme Style to apply a predefined look.
- Set a Background Image on the Background tab.
- Enable As Full Bleed for edge-to-edge rendering.
- Set a specific Height if needed.
- Click the edit icon on the widget and open the advanced editor.
- Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.
Edit Dialog Fields
| Field |
Description |
| Headline |
Title displayed above the slider |
| Slider Pause |
Seconds between automatic slide transitions (default: 3) |
| Scroll Nav Dots |
Show navigation dots below the slider (default: on) |
| Sort Order |
Controls the display order when multiple widgets are on the page |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Addon 1 through Addon 15 |
Design Blocks |
Select up to 15 addons (typically Tile Widgets) to include in the slider |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Button Style |
Styles |
CSS class for buttons (default: "btn btn-primary") |
| Background Image |
Background |
Set a background image for the widget |