Scrivito JS SDK 1.33.0 Released

Featuring placeholders for data items

Andreas Viebke, andreas.viebke@justrelate.comPosted on
javascriptscrivito sdkrelease

Weaving data into website content using placeholders

Editors can now insert placeholders representing specific pieces of data into textual website content, e.g., for personalization purposes. When the website is then visited, these placeholders are dynamically replaced with data provided by the application. This makes it possible to complement CMS-based content with information related to the current user, account or context, i.e., names, email addresses, statuses, and the like.

For making such data available, the Scrivito SDK now offers the Scrivito.provideDataItem API.

Introducing data locators

This release introduces the new datalocator attribute type that enables editors to embed dynamic functionality into pages or widgets, i.e., integrate logic that previously required the help of a developer.

Data locators can be used in many ways. This release features the initial set of APIs for DataLocators that we are going to expand in the course of the next few releases. We are also working on further examples to show you what they are capable of.

Note that these APIs are still considered beta, meaning that we will try to keep them stable. However, we still may need to introduce some smaller breaking changes. For now, let’s address two of the many use cases for data locators, dynamic lists and personalization.

Dynamic lists

One of the use cases for data locators is building “list widgets” that enable editors to create dynamic lists of CMS content. When used inside such a list widget, a data locator allows you to choose the type of content the list should contain. For example, you could add a widget with a datalocator attribute to the overview page of a blog to create a dynamic list that displays pages of the “Blog Post” type.

Data locators also support filtering. If a website has multiple kinds of blogs, for example, you could specify that the list on the “Tech Blog” overview page should only include blog posts that have been tagged as “tech”.

Furthermore, data locators also let you limit the number of results in order to specify, for example, that at most ten blog posts are to be shown.

And finally, data locators support sorting, so you could have the blog overview start with the most recently published posts.

Personalization

The new datalocator type can also be used to implement functionality that makes use of “external” data sources rather than CMS content, e.g., data that is provided via the new provideDataItem API.

This enables editors to build widgets for website personalization, e.g., widgets that display content depending on specific conditions.

As an example, with the help of such a widget, you would be able to choose “Logged-in user” as the data source and then apply the “admin” is “true” filter to make a particular part of the content only visible if the user is an administrator.

Further improvements

  • Custom icons for the Content Browser

    Locating and browsing assets of a specific type can now be made easier for editors.

    Developers can now place any icon in the Content Browser filter section, meaning that providing visual clues is no longer limited to the predefined icons. See the API documentation for details.

  • Hot reloading of widgets

    The support for “Hot Module Replacement (HMR)” in Vite and “Hot reloading” in Parcel has been improved so that they now also work for widgets.


  • Fixed link editor

    Adding a new HTML link to text that already contains a link no longer causes nested or empty link tags.

Thank you for using Scrivito!

More great blog posts from Andreas Viebke

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.50.0 RC 1 Released

    Interface Builder improvements Customizable image crop aspect ratios Some website designs rely on specific image aspect ratios for visual consistency. To support this, Scrivito Interface Builder now provides the Scrivito.configureCropAspectRatios API. It lets developers define the crop aspect...

    Read more

  • 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...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.49.1 Released

    Bugfix Release Editing interface issue with ImageTag An issue where using ImageTag with the loading="lazy" attribute could prevent image selection has been resolved. Adding an image widget without a preselected image now displays the clickable placeholder again. We apologize for any inconvenience...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.49.0 Released

    Interface Builder improvements Layout editing mode This new editing mode separates content editing from layout adjustments. In content editing mode, layout elements can only be viewed. To modify them, simply switch to layout editing mode. This clear distinction between content and layout...

    Read more

  • Introducing Sophisticated Page Access Control

    Latest updates to edit.scrivito.com

    Tailoring page visibility to teams and visitor groups With Scrivito Web Interface Builder, editors have visibility categories available to restrict who can access which pages. As an editor who has been granted permission to manage custom visibility categories, you can now create such categories...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.48.1 Released

    This is a bugfix release. Fixed bugs Binary upload API is less strict again Regarding undefined option values, the Binary.upload API method now works as it did prior to version 1.48.0 of the JS SDK. Such undefined values no longer produce an error. We apologize for any inconvenience this may have...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.48.0 Released

    Interface Builder improvements Retrieving data classes by their name A new API method, Scrivito.getDataClass , has been added as a native method for retrieving data classes by their name, obviating the need for custom lookup code. This method complements Scrivito.getClass for accessing object and...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.47.0 Released

    Interface Builder improvements Filtering dates and numbers The filtering options of the data editor have been extended. You can now filter dates and numbers using the following operators: gt (greater than), lt (less than), gte (greater than or equal to), and lte (less than or equal to). These new...

    Read more
  • 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...

    Read more
  • 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...

    Read more