Back to blog

Latest platform releases: UI updates, enhanced search, expanded Live Preview service, and more

Austin ChenFeb 01, 20246 min read
PULSE_HeadlessCMS.png
Talk to an expert about something you read on this page

We’re excited to announce the second and final phase of user interface (UI) updates to our Venus Design System 2.0, extending to primarily developer-specific screens and modules. Building upon the foundation laid by our first phase of updates, we’re continuing the theme of enhanced user productivity and accessibility to ensure developers fully maximize our platform while empowering content manager counterparts to continue to do their best work.

Bundled along with these exciting UI updates are also new powerful search capabilities, REST support for Live Preview with a new way to improve security control, and bolstered team management features for organization administrators. Dive into each section below and see what these new advancements in the Contentstack platform entails.

UI Updates

Navigation & layout improvements

Data tables for list pages

The list pages of all modules now feature newer and more flexible tables, allowing you to adjust and customize your table view to your liking and more easily navigate through data to find exactly what you need.

  • Easy column management: The ability to move, resize, reorder, freeze/unfreeze, and add/remove columns as needed in the table view.
    • When swapping between different row densities (“compact” or “comfortable”) on data tables, the system will remember your desired preference.
  • Pagination to jump through pages: Pagination at the bottom of the tables now replaces the previous infinite scroll and allows for easier navigation through records.Table_Version_2_GIF.gif

Improved date field and date picker

We have made usability updates to the date field that largely benefit content managers:

  • Timezone picker is no longer within the time picker, but now sits outside, within the date field for easier access.
  • Date selector now has “Cancel” and “Apply” buttons to avoid accidental updates to the date field.
  • The new “Use Current Date” and “Use Current Time” options in the date and time selectors help you quickly select the current date and time in a few clicks.

Date_Field_GIF.gif

We have also made updates to the date picker within the Audit Log, allowing you to tailor your records to showcase only information that falls within the selected date range:

  • Redesigned to include a single calendar view, aligning with the new look and feel.
  • The new “Reset” button can be used to clear the selected date ranges quickly.
Date_Range_GIF.gif

UI elements & styling enhancements

Visual indicators

We have made visual enhancements to the input fields and forms, significantly improving the readability of text and conveying to users which fields are or aren’t editable. All input fields in our app are more prominently displayed, making it easier for you to access and interact with the information that matters most.

Borders for better readability: The distinct borders around the input fields enhance visibility, and help indicate which exact field users edit.

Borders_for_Better_Visibility.png

Read-only fields appear with a lock icon: The read-only fields within forms now have a lock icon, indicating that the fields are not editable.

Read-only_fields_with_lock_sign.png

Background color for forms: All forms now have a distinct background color, whereas the fields and text area remain white, improving the color contrast of pages.

Background_Color_for_Forms.png

Enhanced accessibility

This set of UI updates for the Venus Design System 2.0 has been designed with enhanced accessibility and inclusivity in mind, making the app more user-friendly and promoting a more accessible and enjoyable experience for our users with varying needs. Some of the prominent changes include:

  • A refined set of icons that not only adhere to industry standards but also contribute to a more cohesive and visually pleasing interface
  • Consistent text color and size
  • Improved tooltips visibility
  • More user-friendly fields, aligning with our phase 2 design upgrades

Rich Text Editors (RTEs)

We have changed the look and feel of all three RTEs (JSON, HTML, and Markdown) to improve its usability and make it consistent with the other fields in the app. The updated RTEs feature cleaner icons, prominent links to expand/minimize editors, and better spacing.

Update_to_Rich_Text_Editors_(RTEs).png

Additional updates to all UI components

Toggle switches for enabling/disabling features

We have incorporated a toggle switch feature for effortless enabling and disabling, making control more intuitive and efficient.

New information “Pills”

The new color-coded “Pills” feature has been added to a few screens such as the Invite Users module, in headers of Workflows and Publish Rules pages, the Branches module, and the Webhooks page for better navigation.

New_UI_Components_GIF.gif

Enhanced search capabilities

We also introduced new overall search capabilities to our platform, helping you quickly and easily find that “needle in the haystack” when needed.

Search entries by title

You can now search entries by their titles across all content types. This means quicker access to the content you want without scrolling through pages. To do a title-only search, click on the search bar and use “Title” from the “Recently Used Fields” section.

Title_search.png

It is now available under “Advanced Search” in the system-defined fields.

Advanced_title_search.png

Support for JSON RTE and custom fields in Advanced Search

We have expanded our Advanced Search capabilities to include JSON RTE and Custom fields (JSON data type). With the inclusion of these fields, utilizing the 'contains' operator, our search fully supports all field types in entries, enhancing your search flexibility.

JSON_RTE_in_Advanced_Search.png

Live Preview Service with REST support and Preview Tokens

We’re excited to announce the expansion of our Live Preview Service capabilities with the addition of REST support, complementing our existing GraphQL services. This enhancement ensures a more streamlined and intuitive preview experience, providing a comprehensive and versatile support for development needs and preferences. The APIs for this enriched service mirror the familiar structure of our Delivery API, maintaining consistent API contracts.

Alongside this, we have introduced Preview Tokens, a new way to provide improved security and control for our Live Preview Service within Contentstack. Upgrade from read-only management tokens to Preview tokens for enhanced security measures and to prevent unauthorized data access. A Preview Token can be created while creating a Delivery Token, for the same scope.

Preview_Token_GIF.gif

More power to organization administrators

If you are an organization administrator, you now get a host of new features to manage your teams. Administrators are able to enforce multi-factor authentication (MFA) and password expiration intervals for all users in their organization.

MFA_--_Security_Config_GIF.gif

Administrators can now manage team-level permissions for the “Teams” that are created within Contentstack CMS. This feature is available for early access beginning February 1, and is rolling out to all users throughout this month.

Conclusion

As this final phase of Venus Design System 2.0 rolls out with these latest releases, we are dedicated to delivering a comprehensive upgrade to elevate your experience with the Contentstack platform. From enhanced data control to improved readability and accessibility, these updates reflect our dedication to providing a top-notch user interface for all our users. This set of UI updates and platform enhancements marks a significant milestone in our ongoing commitment to providing you with a seamless and improved experience.

Stay tuned for more details on new developments coming your way – because at Contentstack, we believe in constantly evolving to meet and exceed your expectations. Your seamless and enjoyable user experience with our platform is our #1 priority. In the meantime, head over to Contentstack Pulse to catch up with the latest and greatest updates on all our products!

Share on:

About Contentstack

The Contentstack team comprises highly skilled professionals specializing in product marketing, customer acquisition and retention, and digital marketing strategy. With extensive experience holding senior positions in notable technology companies across various sectors, they bring diverse backgrounds and deep industry knowledge to deliver impactful solutions.  

Contentstack stands out in the composable DXP and Headless CMS markets with an impressive track record of 87 G2 user awards, 6 analyst recognitions, and 3 industry accolades, showcasing its robust market presence and user satisfaction.

Check out our case studies to see why industry-leading companies trust Contentstack.

Experience the power of Contentstack's award-winning platform by scheduling a demo, starting a free trial, or joining a small group demo today.

Follow Contentstack on Linkedin

Background.png