Creating a Count widget

  1. On the Pages > Drafts page, click + New Page.
  2. On the Select Template page, select Count Widget.
  3. In the Configure Page > Template Settings section, select the elements to add to the widget.
    1. In the Widget > Title field, click the Search list icon to select from the list of available global strings.
    2. In the Left Counter > Color field, select the color of the counter component. The default color is Black.
    3. In the Right Counter section, switch on the option to show the component and select the color of the component.
  4. Click Next.
  5. Specify the page properties and assign data services.
  6. Click Next.
  7. On the New Page page, perform these steps:
    1. In the Elements section, select a counter element.
    2. In the Data Properties section, select the bound property.
      Optionally, change the bound property value.
    3. Optionally, in the Attributes section, change the color of the counter component.
    4. In the Strings > Label field, click the Search list icon to select from the list of available global strings to apply to the counter labels.
    5. In the Options section, click Configure Element.
      In the Conditional Styling dialog box, add criteria and assign colors to a range of values. Click Save.
    6. In the Context Message section, set up the context message for the receiving component, sending component, or both.
  8. Click Finish.
  9. In the Page Saved dialog box, click Later or Publish.

If you click Publish, the new widget is automatically added to the list of projects on the Published page.