Versions Compared

Old Version 2

changes.mady.by.user Documenter

Saved on

compared with

New Version Current

changes.mady.by.user Documenter

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt
hiddentrue

Configure the Common Options tab in custom widgets.


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Title

Common Options Tab for Custom Widgets

...

Multiexcerpt
MultiExcerptNameFeature 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.


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

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

    Image Modified
6.     Click the

  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

  2. Find the widget in the Page Template and click Edit.

    Image Modified
8.     You

  2. You can see
that there
  1. that there are only two tabs: General Options and Personalisation.

    Image Modified
9.     View

  2. View the HTML code (Chrome: Inspect; Firefox: Inspect Element).
You will see the General Options and Personalisation tabs, but no Common Options.
Image Removed
10.     Exit
  1. 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 Added

  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

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

  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 Modified
14.    .   

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

  1. View the HTML code (Chrome: Inspect; Firefox: Inspect Element).
You will see


  1. Note the addition of the '<div>'
addition for the Common Options tab.
Image Removed
16.    Just for fun,
  1. tag for the Dashboard Back Order Custom Widget surrounding 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.

    Image Added

  2. To test it, edit the CUSTOM:DashboardBackOrders widget again and toggle Show On Mobile? to OFF.
17.    Save your


  1. Image Added

  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

Multiexcerpt
MultiExcerptNameAdditional Info
Contact CV Support if you have any questions or issues enabling this option.



Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements

4.15.00


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

--


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Behaviour & Personalisation


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both

Ballpark Hours From CV (if opting for CV to complete self config component)
Multiexcerpt
MultiExcerptNameBallpark 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)
MultiExcerptName
Multiexcerpt

Ballpark Hours From CV (in addition to any self config required)

Contact CV Support


Third Party Costs


CMS Category
Multiexcerpt
MultiExcerptNameThird Party Costs
Multiexcerpt
MultiExcerptName

n/a or Fees apply

CMS Category


Custom Widgets



Related

...

help

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
excludeCurrenttrue
cqllabel in ("new","how-to","ver41500") = "widget-custom" and type = "page" and space = "KB"
labelsnew ver41500 how-to

...

Multiexcerpt
hiddentrue
MultiExcerptNameFeatures List Headers

Macro Instructions for carrying Article Information through to Feature List

Minimum

Version

Requirements

BPD

ONLY


Business Function

CMS Category

B2B
B2C

BOTH

Feature

Feature Description

(Written for our customers and can be pasted into comms sent to them)

Additional info

Pre-Reqs/
Gotchas

Self Configurable

Ballpark Hours
From CV

(if opting for CV to complete self config component)

Ballpark Hours
From CV

(in addition to any self config required)

Third Party Costs

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.

...