Page History

...

Step-by-step guide

1.     Log into CMS

2.     Navigate to Advanced Content → Custom Widgets

3.     Click

1. In the CMS, navigate to Advanced Content → Custom Widgets.
   
   

2. Click Edit next to a widget that is in use (depicted by Used n time indicator in the In Use? column).
   
   Image Modified
   

4.     If we look

1. If we look at the DashboardBackOrders custom widget, then we see that the Include Common Options parameter is OFF.
   
   Image Modified
   

5.     You can

1. 
   
2. You can check where that widget is used by clicking Options → Where is it used?
   
   Image Modified
   

6.     Click the

1. 
   
2. Click the Template directly from the Where is this widget used? pop-up, or navigate to the page location:

Content →

1. Content → Pages &

Templates → Accounts →

1. Templates → Accounts → Dashboard Page
   

7.     Find the widget in

1. 
   
2. Find the widget in the Page Template and click Edit.
   
   Image Modified
   

8.     You

1. 
   
2. You can see

that there

1. that there are only two tabs: General Options and Personalisation.
   
   Image Modified
   

9.     View

1. 
   
2. View the HTML code (Chrome: Inspect; Firefox: Inspect Element). Take note of the lines between the  highlighted line:<div class="content-box dashboard-module dashboard-back-orders"...> and the <header class="box-title"... "Back Orders" </header>.
   
   Image Modified
   

10.     Exit

1. 
   
2. Exit out of the widget and head back to the DashboardBackOrders custom widget by clicking Options and selecting <>View Source Code or navigating to Advanced Content → Custom Widgets.
   
   Image Modified
   

11.    Click

1. 
   
2. Click Edit on the DashboardBackOrders widget, and this time, toggle Include 'Common Options' to ON.
   

12.   

1. 
   
2. Save your changes and

head back to Content →

1. return to Content → Pages &

Templates → Accounts →

1. Templates → Accounts → Dashboard Page.
   

13.   

1. Edit

the

1. the DashboardBackOrders widget and click on the Common Options tab.
   

Image Removed

1. 
   Image Added
   

14.    .   

1. 
   
2. You will see all the options available on the Common Options tab that is available on all non-Custom widgets.
   

15

1. 
   

1. View the HTML code (Chrome: Inspect; Firefox: Inspect Element).
   
   Note the addition of the '<div>' tag for the Dashboard Back Order Custom Widget surrounding

the <div

1. the <div class="content-box dashboard-module dashboard-back-orders"...> and the <header class="box-title"... "Back Orders" </header> highlighted in the pre-enabled view

(step 9)

1. .
   
   Image Modified
   

16.    Just for fun

1. 
   
2. To test it, edit the CUSTOM:DashboardBackOrders widget again and toggle Show On Mobile? to OFF.
   
   Image Modified
   

17.    Save your

1. 
   
2. Save your changes and notice the difference to the widget.
   
   Image Modified

Info
You can read more about the device icon display in the Widget Device Display Indication: Mobile, Tablet, and Desktop knowledge base article help page.

Additional Information

...

Related

...

help

...