Tag: List

ods-select

ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.

display
navigation
list

Listing Generator

Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

display
navigation
list

Listing page

A template version of the listing generator, for the users who want to add more customization to the automated version.

display
list

ods-results

Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards.

display
list

Material themed cards

Cards with minimalistic customization of widget that you can theme with colors

display
navigation
list

Monitoring Dashboard

This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. Note: Since monitoring data are private, we use a dummy dataset in this example.

display
navigation
list

Custom view Generator

This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

display
navigation
list

Custom view Generator

This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

display
navigation
list

KPIs

KPI cards, to display aggregation and values.

display
navigation
list
aggregation

Buttons

Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.

display
navigation
list

Contact Cards

A simple contact card for your organization, with a simple pop in for additional contact information.

display
navigation
list

Content cards

Generic card to display your content. Some classes are available to easily style your titles, text and buttons.

navigation
list

Custom catalog card

Override default catalog cards to highlight key metadata for your business

list
display
navigation

Custom theme boxes

Custom theme boxes with more flexibility in styling and layout.

display
list
navigation

Dropdown module

This module proposes a dropdown menu with a modern look.

display
navigation
list
filter

Filters as an HTML Select

Display your facets and filters in a list with simple HTML selects

display
navigation
list
filter

Image cards

A card with an image background, useful for home page navigation and sections.

display
navigation
list

Map Listing Generator

Ideal for listing geographical information! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

display
list
geo

ods-date-range-slider

From and to selectors to easily catch a range of date for your dashboards.

list
filter

Table module

This module proposes various uses and functionalities for a table with minimalistic styling.

display
list