Examples

Example 1: Present datasets with default template "table_per_dataset"

Will print out all data attributes from an plain old javascript object line by line.

Example 2: Show datasets with the "table_for_all_datasets" template

Will output all data attributes using a custom template.

Example 3: Show datasets with the "card_per_dataset" template

Will print all data in a clean, card-based layout.

Example 4: Show datasets with custom template

Custom template gives you full options on what and how to display. More on how to create your own template under skinable

Example 5: Useing TableFilter plugin

TableFilter plugin adds filter possibility for table based presents.

Example 6: Useing TableSort plugin

TableFilter plugin adds sorting possibility for table based presents.

Example 7: Useing lazy loading

Present component supports lazy loading of data, as any other component.

Example 8: Automatic lazy loading

All components can lazyly load new data when the components end comes in the viewport (becomes visible to the user). Be aware, that scince if one component recives data from a datasource that is used on another component too, the other component is updated, too.

Example 9: Create cells for missing attributes

Sometimes there are datasets where not all attributes are available. To avoid missleading display in those cases, table cells for missing attributes are generated when useing a table template

Example 10: Live adding data over input

View of any data accessable by URL can be allowed by useing the showAddDataInput option.
Once activated a URL input box is displayed below the component and allows the addition of data.
This option is available on all components and allows any datasources SWAC can use as pre configured datasource.

Example 11: Show data from source given by URL

The datasource to show can also be given by URL parameter build from the id of the requestor and _data e.g. "present_example10_data". This way calling pages to show data with custom datasources is easy to implement by create to pages with list components.
First one with a list of all datasources, and second one that accepts the datasource by url.

Example 12: Sorting presentation with FilterSort plugin

Useing the FilterSort plugin, users can sort the datasets after each attribute.

Example 13: Filter presentation with FilterSort plugin

Useing the FilterSort plugin, users can filter the datasets.

Example 14: Useing hiearchical template

This example shows how to use the hieararchical template for showing hierarchical data.

Example 15: Useing optimised desktop / mobile template

This shows how to use a template that automatically optimises the view on desktop and mobile devices.