Scrivito JS SDK 1.34.0 Released

Featuring data lists with placeholders

Placeholders in lists

In the previous Scrivito JS SDK release, we had introduced placeholders as a means to incorporate personalized data into textual content. Building upon that, we are excited to announce that in this release, we have expanded the functionality of placeholders so that they can be used in lists. This enhancement empowers editors to effortlessly style a list by defining a “template” that is applied to each list item. In this template, placeholders are dynamically replaced with the corresponding actual data.

This functionality is achieved by means of a new Scrivito.ContentTag prop, dataContext, also introduced in this release.

The JustRelate Console uses data lists with placeholders

Data lists

Another new feature in our previous release was the provideDataItem API that lets you retrieve specific data from a backend service. This includes fetching information such as the current user’s name and other personal details.

Now, we are happy to present an even more powerful API to you, provideDataClass. With this addition for retrieving data from backend services, you can now seamlessly integrate not only individual data items but also collections of multiple data items into your Scrivito app, e.g., user-specific data lists such as “my orders” or “my bills”. This combined with the “Placeholders in lists” feature gives editors the flexibility to design and customize these lists using placeholders.

Further improvements

  • Provided components are always rendered

    Scrivito.provideComponent and Scrivito.provideLayoutComponent now rerender the component when they are called again. This helps with “Hot Module Replacement” (HMR) in vite and “Hot reloading” in parcel for Scrivito components.

  • Improved click handling

    In-place editing is now better aligned with app-defined click handling. Developers no longer need to work around propagated (“bubbling”) clicks for elements that are clickable and editable at the same time, e.g. an ImageTag wrapped in a LinkTag, or a button with an editable label.

  • The HTML in-place editor now lets you create relative links containing “@” characters in their path. Such links were previously interpreted as email addresses.

  • Better control over prerendering

    Scrivito.updateContent() now returns a promise that resolves once the content update is complete. Scrivito developers can use this to assert that the latest content is cached before prerendering is triggered. This is especially useful in projects in which prerendering is applied frequently.

Thanks again for using Scrivito!

More great blog posts from Andreas Viebke

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.42.0 RC 1 Released

    Interface Builder improvements DataScope#limit() API method The new DataScope#limit() method determines the maximum number of data items a DataScope may contain. It returns either a number indicating this limit, or undefined if no limit is set. Introducing Scrivito.currentLanguage()...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.41.0 Released

    Interface Builder improvements Accessing a data scope from the current data It is now possible to access a DataScope from the current data using the new Scrivito.useData hook (which supersedes the Scrivito.useDataItem hook). The new hook always returns a DataScope . In order to check whether this...

  • Editing Interface Alignment with Dartagnan

    For an improved overall user experience, we’ve aligned the user interface design of Scrivito with that of our email builder Dartagnan. We wanted to create a consistent look and feel for our customers working with these cloud products from JustRelate. The adjustments we made are geared towards...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.40.0 Released

    Improvements Intermediately rendered components during loading time Scrivito.provideComponent now lets you give proper feedback to the visitor in cases where the actual component that is provided requires some time to load and render itself. This usually short time gap can now be bridged by...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.39.0 Released

    Improvements Enhanced data classes The Scrivito SDK now offers all attributes of a data class as placeholders for its instances, unless configured otherwise via the editing configuration. > As a developer using > Scrivito.provideDataClass > to load external data, you can now also return IDs of...

  • Bienvenue sur Scrivito !

    Latest updates to

    Bienvenue sur Scrivito ! For all you French-speaking users, the Scrivito editing interface is now also available in your language. In addition to dialogs and buttons in French, input fields for page and widget properties have support for locale-specific calendar labels and French number...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.38.0 Released

    Improvements Accessing the current user’s picture The Scrivito.currentEditor API now seamlessly integrates with IAM, allowing developers to access the picture URL associated with the current editor’s IAM profile. Easier attribute type migration There are situations in which a developer needs to...

  • Creating and Linking a Details Page

    Latest updates to

    > After introducing details pages for data items in version 1.36.0 of the Scrivito SDK, the editing interface now offers you to create such a page for a given data class directly from within a data item. If, for example, you have a card widget in your data list widget, and this card widget has a...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.37.0 Released

    Improvements Updating data items using custom logic By defining the update callback of Scrivito.provideDataItem , you can now smoothly update data items using your own logic. This gives you greater control and flexibility in managing your data within your Scrivito app. Prerendering fails early...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.36.1 Bugfix Release

    This release fixes a bug found in version 1.36.0 of the Scrivito JS SDK: Under certain conditions, the renderChild prop of Scrivito.ChildListTag received an argument that was not a child object. This could lead to unexpected app crashes. We apologize for any inconvenience this may have caused!