Scrivito JS SDK 1.36.0 Released

Introducing data details pages

Posted on September 29, 2023

In an earlier Scrivito JS SDK release, we introduced data lists for seamlessly integrating not only individual data items but also collections of such items into your Scrivito app.

Now, we are happy to present an even more powerful feature for data integration: Data details pages that can display the data of an individual data item. Whenever your Scrivito app requests a data details page, Scrivito determines the data to be displayed, fetches this data and makes it available as placeholders for editing.

If, for example, you have a “Product details” page containing placeholders, turning it into a data details page makes Scrivito load the product data and then fill in the placeholders on the page with the actual product data.

How to turn a regular Scrivito page into a data details page

This is easy. Simply add an attribute of the datalocator type named data to the definition of the object class concerned:

When such a page is then viewed in the Scrivito UI, the properties panel on the sidebar (or the page properties dialog) automatically includes a “DATA” tab:

On this tab, you can specify where the data to be loaded should come from. In this case, we are dealing with “Details data”, and “Products” as the data source.

If you then add a link to a data list, which points to the new data details page, clicking this link will send you to the page, load the referenced data, and make it available as placeholders for editing.

Thanks again for using Scrivito!