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.54.1 RC 1 Released

    Bugfix Release Fixed TypeScript errors > This release fixes TypeScript errors related to the InPlaceEditAsPageContent component, ensuring proper typing and a better development experience. We apologize for any inconvenience this issue may have caused! Thank you again for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.54.0 Released

    Improvements Data is updated when the browser window is focused > As a default, the Web Interface Builder now always refetches the relevant data when the browser window is focused. If, for example, you leave the application and return later, the Interface Builder automatically requests the latest...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.52.1 and 1.53.1 Released

    Bugfix Release String attribute values are now escaped correctly > There was an issue where string attribute values were rendered without proper escaping, causing the browser to interpret them as HTML markup instead of displaying them as plain text. This issue has now been fixed. We apologize for...

  • Introducing Notifications in the Editorial Cycle

    Latest updates to edit.scrivito.com

    If, in your organization or company, content is created and maintained in teams, the Interface Builder’s workflows are an excellent tool for managing the editorial cycle – from authoring through copyediting and reviewing to publishing. With the latest update, editors who want to see their working...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.53.0 Released

    Improvements Smarter page links Scrivito Web Interface Builder now generates cleaner and easier to grasp URLs for page links. The updated slug generation supports a wider range of international scripts and Unicode characters, adheres to modern latinization standards, including ISO 843, ISO/R 9...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.52.0 Released

    Improvements Filled-in data placeholders in “Changes” mode Data placeholders are now replaced with the actual data in “Changes” mode as well, not just in “Preview” and “Edit” mode. Added support for the "ref" prop The WidgetTag, ContentTag, LinkTag, ChildListTag, and ImageTag components now...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.50.1 and 1.51.1 Released

    Bugfix Releases An issue has been fixed that prevented link queries from being appended when used in a Scrivito.LinkTag component. Furthermore, an issue that prevented navigateTo from properly navigating when provided with an external Link has been fixed. We apologize for any inconvenience these...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.51.0 Released

    Improvements WYSIWYG abbreviation support To meet the highest accessibility standards (WCAG AAA), abbreviations and acronyms need to be clearly recognizable for all readers. Editors can now mark up abbreviations directly in the content using the new “Abbreviation” button in the text toolbar. With...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.50.0 Released 🎉

    Celebrating Scrivito’s 50th update! 🔥 We’re thrilled to announce our 50th update to Scrivito Interface Builder! We couldn’t have achieved this without your continued support and feedback. From the introduction of ReactJS integration in version 1.0 seven years ago to the latest enhancements in our...

  • Scrivito for Rails SDK 1.19.0 Released

    Added support for Ruby on Rails 7.2 The Scrivito for Rails SDK now supports Ruby on Rails 7.2. It requires Ruby 3.1 or later. Earlier Rails versions are no longer supported by Scrivito. For instructions and details on updating your application to Rails 7.2, see: Ruby on Rails Guides – Upgrading...