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.46.0 Released

    Interface Builder improvements Using attributes of the current page context Attributes of the current page and its ancestors are now available to editors as placeholders and as a data source (datalocator). Note that only attributes of the string type that are also included as attributes in the...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.45.0 Released

    Interface Builder Supports Further Attribute Types for Filtering

    Interface Builder improvements Filtering data by enum, boolean, date, and number attributes The Interface Builder’s data editor now also lets you filter data by attributes of the enum , boolean , date , and number types. This makes it much more convenient and intuitive to select and present data...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.2 Released

    Bugfix Release An issue with Scrivito.useDataLocator has been fixed. It prevented filters with reference data attributes from being evaluated properly. We apologize for any inconvenience this issue may have caused! Thanks again for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.1 Released

    Maintenance release This is a maintenance release with minor improvements. As always, we will keep you posted if there is anything interesting to report. Stay tuned! Thanks again for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.0 Released

    Interface Builder improvements LinkTag supports data items The LinkTag component now supports data items as navigation targets. Passing a DataItem to the to prop causes the link to point to the details page of the item concerned. Accessing current data of a specific class The useDataScope and...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.43.0 Released

    Interface builder improvements Data attributes For the application to utilize the attributes selected by content editors, the Scrivito SDK now includes a (beta) API for representing data attributes, DataItemAttribute . A data item attribute can be accessed from a data item via...

  • Providing Data Classes with Custom Attributes

    Latest updates to edit.scrivito.com

    Defining custom attributes via the Interface Builder’s data editor The data editor now lets you add custom attributes to data classes. If, for example, you have a “Current user” data class that requires an attribute not specified in the editing configuration of this class, e.g., “email”, you can...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.42.1 Released

    Bugfixes Data integration issue > DataItem#get > no longer requires a loading context, i.e., > Scrivito.load > or > Scrivito.connect > . We apologize for any inconvenience the above issue may have caused! Thank you for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.42.0 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()...

  • Introducing the ​New Data Editor

    Latest updates to edit.scrivito.com

    > > As you may have noticed, we have been continuously refining and expanding the Interface Builder. Now the time has come for a correspondingly enhanced data editor. > > The new data editor comes with an intuitive interface that provides a visual representation of a data locator as well as...