Previous Article: Adding a Custom Content Widget
Adding a Divider Widget
The next widget we are going to add to our dashboard is a Divider widget. A Divider widget can be used to visually separate different sections of your dashboard with a horizontal line.
To add a Divider widget, click on the "Divider" button in the toolbar and then select a drop-zone where you would like to put your widget. The drop-zones will appear as horizontal blue bars, indicating where you can place a widget. Click on the drop-zone to place your Divider widget.
A Widget Drop-zone
The Add Divider Widget Window
After selecting a widget drop-zone (i.e. where you want to place your widget), you will be prompted with a window titled "Add Divider Widget". This window will walk you through the steps necessary to create your Divider widget.
The Add Divider Widget Window
Step 1: Choose Divider Style
Choose your preferred dividing line thickness, style and color. Note that the preview of the dividing line will update based on your choices on in the left panel, showing you how the divider will look before you add it to your dashboard.
If at any point in time you want to stop the creation of the widget and discard all of your setup, you can click on either the X button in the top right corner of the window or the Cancel button in the bottom right corner of the window.
Creating the Widget
After choosing your divider options, you are now ready to create your widget! Click on the "Add" button in the bottom right corner of the window and your widget will be added to the dashboard in the drop-zone you selected previously.
A newly created Divider widget
Congratulations! You have successfully created a Divider widget. Let's move on and add two more final widgets to our dashboard.
Adding a Spacer Widget
The last widget we are going to add to our dashboard is a Spacer widget. A Spacer widget can be used to fill in empty space within your dashboard. These can be extremely helpful when you are trying to take up space at the end of a page or do put space between widgets horizontally.
To add a Spacer widget, click on the "Spacer" button in the toolbar and then select a drop-zone where you would like to put your widget. The drop-zones will appear as horizontal blue bars, indicating where you can place a widget. Click on the drop-zone to place your Spacer widget.
A Widget Drop-zone
Immediately after clicking on the widget drop-zone you will see your new Spacer widget placed onto the dashboard. You can now move and resize the Spacer widget to your desired size and location.
Resizing a newly added Spacer widget
Congratulations, you have successfully added a Spacer widget to your dashboard!
Next Article: Editing and Deleting a Widget