Multiexcerpt |
---|
hidden | true |
---|
MultiExcerptName | Feature Title |
---|
|
Common Options Tab for Custom Widgets |
Multiexcerpt |
---|
MultiExcerptName | Feature Overview |
---|
|
Enable your custom widgets to include the Common Options tab, ensuring consistency in widget configuration. The Common Options tab allows you to control the devices on which your widget displays, set alignment and print parameters, and add additional style classes. |
1. Log into CMS
2. Navigate to Advanced Content → Custom Widgets
3. Click Edit next to a widget that is in use (depicted by Used n time indicator in the In Use? column).
![](/download/attachments/52920937/list-of-custom-widgets.png?version=1&modificationDate=1569201506583&api=v2&effects=drop-shadow)
4. If we look at the DashboardBackOrders custom widget, then we see that the Include Common Options parameter is OFF.
![](/download/attachments/52920937/custom-widget-back-orders.png?version=1&modificationDate=1569202137780&api=v2&effects=drop-shadow)
5. You can check where that widget is used by clicking Options → Where is it used?
![](/download/attachments/52920937/where-is-custom-widget-used.png?version=1&modificationDate=1569202846037&api=v2&effects=drop-shadow)
6. Click the Template directly from the Where is this widget used? pop-up, or navigate to the page location: Content → Pages & Templates → Accounts → Dashboard Page
7. Find the widget in the Page Template and click Edit
![](/download/attachments/52920937/page-widget-used.png?version=1&modificationDate=1569203096383&api=v2&effects=drop-shadow)
8. You can see that there are only two tabs: General Options and Personalisation.
![](/download/attachments/52920937/dashboard-back-orders-widget-no-common-options-tab.png?version=1&modificationDate=1569203326760&api=v2&effects=drop-shadow)
9. 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>.
![](/download/attachments/52920937/html-div-before-enabling-common-options.png?version=1&modificationDate=1569278710690&api=v2&effects=drop-shadow)
10. 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.
![](/download/attachments/52920937/view-source-code.png?version=1&modificationDate=1569206233127&api=v2&effects=drop-shadow)
11. Click Edit on the DashboardBackOrders widget, and this time, toggle Include 'Common Options' to ON.
12. Save your changes and head back to Content → Pages & Templates → Accounts → Dashboard Page.
13. Edit the DashboardBackOrders widget and click on the Common Options tab.
![](/download/attachments/52920937/dashboard-backorders-custom-widget-common-options-tab.png?version=1&modificationDate=1569203741963&api=v2&effects=drop-shadow)
14. You will see all the options available on the Common Options tab on all non-Custom widgets.
15. View the HTML code (Chrome: Inspect; Firefox: Inspect Element). You will see the '<div>' addition for the Common Options tab.
![](/download/attachments/52920937/common-options-tab-html-div-container-enabled.png?version=3&modificationDate=1569280717717&api=v2&effects=drop-shadow)
16. Just for fun, toggle Show On Mobile? to OFF.
17. Save your changes and notice the difference to the widget.
![](/download/attachments/52920937/dashboard-back-orders-widget-no-mobile-display.png?version=1&modificationDate=1569203977430&api=v2&effects=drop-shadow)
Multiexcerpt |
---|
MultiExcerptName | Additional Info |
---|
|
|
Minimum Version Requirements |
Multiexcerpt |
---|
MultiExcerptName | Minimum Version Requirements |
---|
| 4.15.00 |
|
---|
Prerequisites | |
---|
Self Configurable |
Multiexcerpt |
---|
MultiExcerptName | Self Configurable |
---|
| Yes |
|
---|
Business Function |
Multiexcerpt |
---|
MultiExcerptName | Business Function |
---|
| Behaviour & Personalisation |
|
---|
BPD Only? | |
---|
B2B/B2C/Both |
Multiexcerpt |
---|
MultiExcerptName | B2B/B2C/Both |
---|
| Both |
|
---|
Ballpark Hours From CV (if opting for CV to complete self config component) |
Multiexcerpt |
---|
MultiExcerptName | Ballpark Hours From CV (if opting for CV to complete self config component) |
---|
| Contact CV Support |
|
---|
Ballpark Hours From CV (in addition to any self config required) |
Multiexcerpt |
---|
MultiExcerptName | Ballpark Hours From CV (in addition to any self config required) |
---|
| Contact CV Support |
|
---|
Third Party Costs |
Multiexcerpt |
---|
MultiExcerptName | Third Party Costs |
---|
| n/a or Fees apply
|
|
---|
CMS Category |
Multiexcerpt |
---|
MultiExcerptName | CMS Category |
---|
| Custom Widgets |
|
---|
Related articles
Content by Label |
---|
showLabels | false |
---|
max | 5 |
---|
spaces | KB |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
type | page |
---|
cql | label in ("new","how-to","ver41500") and type = "page" and space = "KB" |
---|
labels | new ver41500 how-to |
---|
|
Multiexcerpt |
---|
hidden | true |
---|
MultiExcerptName | Features List Headers |
---|
|
Macro Instructions for carrying Article Information through to Feature ListMinimum Version Requirements | BPD ONLY
| | | B2B B2C BOTH | | (Written for our customers and can be pasted into comms sent to them) | | Pre-Reqs/ Gotchas | Self Configurable | (if opting for CV to complete self config component) | (in addition to any self config required) | |
---|
Instructions for carrying Excerpts through from this page to the Feature List Article Page: Add macro / Multiexcerpt (or copy and existing excerpt and edit) or (Copy existing page and place content into existing excerpt macros) On Features List page: Click in the Cell to be populated / add macro / Multiexcerpt Include / Select the Article page and the excerpt (or copy another feature line and edit the 'Article page' source. |