Online Programme Open Data Function¶

The Open function is used to open a slide out panel displaying the contents of a page without navigating away from the current page. It is used with the Context and Output data tags to define the Template to use for the opened page. It may also used with the Id data tag to identify the object to be displayed, if applicable.

It is not necessary to create the Open function directly in the page template. To save time, each object in the JSON contains an Open property that will resolve to an Open function data tag and all relevant Context, Output and Id required for opening the object's page.

For example:

<div {{Open}}>
  <!-- Div contents go here -->
</div>

The Open JSON property can be added to any html element in order to open that object in a slide out panel.

<div "data-function='Open' data-context='Entry' data-output='ItemPage' data-id='7212' data-parametertype='EntryDefinition' data-parametervalue='b8efce33-2c84-4290-ba65-991a03ef305d'">
  <!-- Div contents go here -->
</div>

The Open JSON property for an Entry resolves to the Open function data tag and supporting data tags.