Wijmo Collection Control

For content items that represent a collection of entities, you can substitute a Wijmo Collection Control and set its Widget property to one of the available values. The following table shows the mapping between the property value and the underlying UI element.

Widget Property	Base Control
Bar Chart	wijbarchart
Drop Down	HTML5 select
Events Calendar	wijevcal
Gallery	wijgallery
Grid	wijgrid
Line Chart	wijlinechart
Pie Chart	wijpiechart
Scatter Chart	wijscatterchart

Since there are no control-specific properties at design time, each collection widget type has its own interpretation of the entity properties within its layout tree. In all cases, the order of the entity properties is significant. In some cases, there are semantics associated with the first few child properties. Depending upon the widget and the screen collection it is bound to, you may need to rearrange and/or remove properties to achieve the intended result.

Grid

Columns are derived from visible properties, in designer order.
Only value and detail properties are supported (not collections or commands).
Related entities (single objects) are supported. For summary controls, a single column is created. If a group control such as Columns Layout is used, multiple columns are created according to these rules. Nested entities are supported, but related values may not be available when the grid first renders.

Bar Chart, Line Chart, Scatter Chart

First visible property = data points (X-axis)
Remaining visible properties = data series (numeric values, Y-axis)

Pie Chart

First property = data points (labels)
Second property = data points (numeric values)
Third property = appointment label (string)

Gallery

First property = caption (string)
Second property = image URL (string), or LightSwitch Image type

Drop Down

First property = display value (string)
Second property = selected value (optional)

The default setting for the Widget property is Grid. The Grid widget supports infinite scrolling as in the Wijmo Grid Screen (Scrolling) template. Paging behavior is a function of the Wijmo Grid Screen (Paging) template, not the Grid widget itself.