Online Programme Groups Data Tag

The DataGroup tag is used to group together a set of HTML elements in the page.

The following type of groupings are currently supported:

Type Description
filters Hide/Show the group depending on the visibility of filtered elements within the group.

Filters

The Filters Data Group is used to group a set of HTML elements which have the Filters data tag applied to them.

The Filters Data Group will be hidden if all HTML elements inside the group, with the Filters data tag, are hidden.

The Filters Data Group will be displayed if one or more HTML elements inside the group, with the Filters data tag, is displayed.

Example

In this example, there are two divs within the data-group, each with different filters.  If OralSession or PosterSession Entry Definition is chosen from the filters toolbox then the data-group div will be displayed.

If Break Entry Definition is chosen from the filters, then both Propulsion 1 and Excavation 1 will be hidden and so the entire data group will also be hidden.

<div data-group="filters">
    <div data-filters="EntryDefinition=OralSession">
        Propulsion 1
    </div>
    <div data-filters="EntryDefinition=PosterSession">
        Excavation 1
    </div>
</div>