Scrivito JS 1.6.0 – More Editing Tools & Progressive Image Loading

Major improvements

Reverting changes and restoring widgets

Scrivito now lets editors revert the changes made to individual widgets. For this, corresponding menu items are available in the respective widget menus. Furthermore, in the “Changes” view mode, a deleted widget can now be restored to its published version if available.

Replacing images and other binaries made easy

Sometimes, images need to be updated – wherever they are used on the website, once or multiple times, the new versions should be displayed in place of the outdated ones.

We have made that exponentially easier for your editors. Now, editors can just find and select the image in the Content Browser and then drag and drop the replacement image onto the preview of the current one. The filename and the metadata of the image object will be updated as well; other attributes aren’t touched. That’s it, no longer is there a need to create a new image object and update all the pages which reference it!

By the way, the same also applies to other binaries like PDF files.

Improved working copy ordering in the sidebar

Like us, a good deal of our customers differentiate between editors and chief editors when their plan includes the Editor Permission Control System (Company plan and above). Chief editors and Admins have access not only to their own but to many more if not all working copies in their Scrivito CMS. With so many working copies on the sidebar, finding the one to work with could be difficult, depending on its position in the list. The reason for this was that, apart from the published content, all working copies appeared in just one group, “Other working copies”, sorted alphabetically, independently of their owner.

To improve the usability of the working copy list, we’ve added another group to it, “My working copies”, in which only those working copies show up that are (co-)owned by the current user. The “Other working copies” group is still there but is visible to chief editors and admins only. The new “My working copies” group is, of course, sorted alphabetically as well.

Also, for consistency, the selected working copy now remains in its list.

In-place editing for rel attribute values

For even more convenience when editing text in place, Scrivito’s link editor has been extended so as to support setting the contents of a link’s rel attribute. The purpose of this attribute is to instruct search engines regarding the treatment of the link and its destination. To do this, after selecting text and choosing the link icon, just click the gear icon at the top right and tick the desired keywords to be included in the attribute value.

Progressive background image loading

To improve visitor experience in low-bandwidth situations, the Scrivito.BackgroundImageTag component now loads background images progressively if they haven’t been transformed. This lets the visitor initially see at least a low-resolution version of the background image – instead of no image at all.

Once loading the high resolution image in the background has finished, it replaces the smaller low resolution version. With speedy connections, the visitor will hardly notice a difference.

Further improvements and changes

Fetching all search results: ObjSearch#toArray

Search query instances now have a method for fetching all search results, toArray(). Previously, one had to use the spread operator to convert the search results to an array, like in a = [...Scrivito.Obj.all()]. This can now be written as a = Scrivito.Obj.all().toArray().

The Scrivito.LinkTag React component now allows you to pass the params prop to it for having URL parameters rendered.

Bugfixes

  • Changes list sort order

    The sort order dropdown menu of the changes list dialog is working properly again.

  • Autocompletion with string lists

    When adding strings (e.g. tags) to attributes of the stringlist type, editors are now always able to ignore the autocompletion suggestion (by not selecting it). Previously, if there was exactly one suggestion (e.g. website) and the input started with (but was shorter than) the suggested string (e.g. web), adding the input as a new string was only possible by temporarily accepting the unwanted suggestion.

Learn more about enterprise SaaS CMS Scrivito

More great blog posts from Andreas Viebke

  • Selecting all changes in a working copy

    Latest updates to edit.scrivito.com

    Selecting all changes in a working copy Selectively publishing changed content has become more efficient in situations where an editor needs to move all or almost all pieces of content to a different working copy. For example, if you need to publish just a couple of pages and move the majority of...

  • Absolute and Relative Date Values

    Latest updates to edit.scrivito.com

    Selectable date display format Editors can now choose whether dates such as the publishing date of working copies in the “History” sidebar are displayed as absolute or relative values, e.g., as “Feb 23, 2023, 11:15 AM” or “Three days ago”, respectively. For this, a corresponding item was added to...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.32.0 Released

    Featuring edit.scrivito.com as the only ​editing interface

    SDK uses edit.scrivito.com exclusively Scrivito’s always up-to-date editing interface, edit.scrivito.com, is now always used for editing. It lets editors benefit from improvements from the moment they are made available. If your app already uses edit.scrivito.com, you can skip this point, of...

  • Advanced Date and Time Editing

    Latest updates to edit.scrivito.com

    After receiving feedback from power users, we’ve extended the date and time editing options. Manual date input Some editors need to provide many dates in their daily work. For these users, pointing and clicking again and again becomes tiresome after a while. With the new option to specify a date...

  • Deleting Website Sections in One Step

    Latest updates to edit.scrivito.com

    Sometimes, a section or subsection of a website becomes obsolete, for example, if a product is no longer sold, or part of the documentation isn’t needed anymore. In this situation, you can still delete the pages one by one, starting at the lowest hierarchy level of the section concerned, but you...

  • Modernized Buttons and Icons

    Latest updates to edit.scrivito.com

    We made the editing interface more attractive and user-friendly by brushing up its icon set. The icons are now easier to distinguish and more consistent in style. Some details have been removed from them so that the buttons work better for more editors, especially those with lower resolution...

  • Scrivito Editing Interface Improvements

    Latest updates to edit.scrivito.com

    Adding users to a working copy has become easier. The “Collaborators” selection box now also includes editors whose email address matches the search term. In the German-language Scrivito UI, you can now enter floating numbers in the standard German format, in which a comma instead of a period is...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.31.0 Released

    Server-side access to restricted content via Node.js You can now also access restricted Scrivito content on a server, e.g. for archiving your website content. For this, the apiKey option was added to Scrivito.configure . See also Using Scrivito with Node.js. Scrivito = require("scrivito")...

  • All Publish Buttons Now Work the Same

    Latest updates to edit.scrivito.com

    The behavior of the “Publish” buttons in Scrivito’s editing interface has been improved and aligned: All of these buttons now directly open the confirmation dialog which now also includes a button for opening the “Changes” list and getting an overview of the content that was altered. Thank you...

  • Scrivito Editing Interface Improvements

    Latest changes to edit.scrivito.com

    The active Content Browser tab is preserved The Content Browser sometimes prevented editors from quickly inspecting the properties of multiple objects one after the other. When the user selects another object of the same type, the active tab now remains open. Thank you for using Scrivito! Please...