It's possible to customize a html label and a canvas into the equivalent of a ListViewer.

I had to set the Screen to Scrollable to see the bottom of the list, dragging on the right of the label.

This example uses two lists, a Master List of all elements to show,

and a Selected list containing the subset of values from the Master List that were selected.

These are supplemented by a Cursor Index ranging from 1 to length(Master List) to support where you are in the Master List, based on your canvas drag.

A Selection Index variable is available to capture the Cursor Index when the canvas is tapped.

For this example, selected items are small in red, and others are big in blue.

The Cursor Index is used to decide which item to wrap in [ ] for a highlight.

All the rest of the work is trying to figure out the AI2 html subset, as described in the Notifier doc

⦁ The messages in the dialogs (but not the alert) can be formatted using the following HTML tags:<b>, <big>, <blockquote>, <br>, <cite>, <dfn>, <div>, <em>, <small>, <strong>, <sub>, <sup>, <tt>. <u>
⦁ You can also use the font tag to specify color, for example, <font color="blue">. Some of the available color names are aqua, black, blue, fuchsia, green, grey, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

A liberal dose of value procedures helps manage the html building.

Sample Run

The brackets [] around the blue G show that it’s highlighted by a virtual cursor,

Controlled by dragging up and down the grey canvas at the left.

Gallery link

blocks

ABG

More Projects:

Index of AI2 Projects