Recently Viewed Items (Edit Toolbar)

The Recently Viewed Items Edit Toolbar adds a selector icon to the toolbar of the 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 Recently Viewed Items listening.

Adding the list

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

itemlist.png

This will add a placeholder list to the content editor:

editlist.png

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

Recently viewed items list

popup1.png

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

popup2.png

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:

The Recently Viewed Items Edit Toolbar is a standard plugin.