Help Center

The Recently Viewed Items Edit Toolbar in BlueConic adds a selector icon to the toolbar of the BlueConic content editor. Click on the icon to insert a list of recently viewed items at the place of the cursor. This list will automatically be populated by the Recently Viewed Items listener.

Adding the list

To insert a list of recently viewed items in a BlueConic Dialogue, open the editor of a content dialogue and select "Recently Viewed Items List" from the "Insert object" dropdown:

This adds a placeholder list to the content editor:

Select the list and edit it, or double click the list to open a configuration window with two tabs for configuring the recently viewed items list and the CSS styling of the list.

Recently viewed items list

Fetch from Profile Property (required)

Select the profile property that holds the recently viewed items. This the same profile property that is configured in the Recently Viewed Items listener.

Amount of items in the list (required)

Enter the maximum number of items you want to de displayed in the list.

Styling

Custom CSS URL

Optionally enter the URL to load custom CSS from. The CSS from the URL is loaded before the Custom CSS Code.

Custom CSS Code

Optionally enter custom CSS to style the list. This CSS will overrule CSS loaded from the URL. The HTML of the list will look like this:

<ul class="bcRecentItems">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
  <li>item 5</li>
</ul>

So to style the list you will want to prefix your CSS rules with ul.bcRecentItems

As an example, the CSS below would allow you to style the list as a comma separated list:

ul.bcRecentItems {display: inline; list-style: none; padding-left: 0;}
ul.bcRecentItems li {display: inline;}
ul.bcRecentItems li:after {content: ", ";}
ul.bcRecentItems li:last-child:after {content: "";}

Which could look like this to the visitor: