Administration panel's new UX/UI

Prev Next

Introduction

The Administration Panel is where administrators configure how the Content Manager behaves.

The new interface helps administrators spot issues faster and work more efficiently with configuration JSONs.

The main improvements are:

  • Quick navigation: See all configurations at a glance.

  • Visual issue detection: See configuration warnings and errors instantly.

  • Smart JSON editor: Validate and edit definitions with real-time guidance.

For more and detailed information, read the dedicated article on the administration panel.

Quick navigation

Unlike the old UI, the new UI displays all configurations in a compact list on the left. Navigating through the configuration section is much faster than before.

Visual issue detection

Next to each configuration section, a field marker highlights whether there are either changes, warnings, or errors within the section.

Within the section's details, near each field that causes the section marker, there is an icon representing the issue. Hovering over those icons, a tooltip shows the detailed explanation of the issue.

In addition, by selecting Error details on the bottom left, the detailed list of all errors displays.

This immediate feedback makes troubleshooting faster and reduces the risk of broken configurations.

Smart JSON editor

Where you define JSON settings, such as entity types, workflows, or permissions, the new editor provides built-in support to prevent syntax errors.

It includes:

  • Automatic syntax checking: It catches missing commas or brackets in real time.

  • Assisted editing: It helps you edit key–value pairs cleanly.

  • Snippets: It inserts for arrays, objects, and other common structures.

You get the flexibility of JSON with the reassurance of visual validation.


FAQ

What advantages does the new interface offer for administrators?

The new interface allows for quicker navigation, visual issue detection, and a smart JSON editor for efficient configuration management.

How does the new UI improve navigation for administrators?

The new UI presents all configurations in a compact list on the left, making it easier and faster to navigate through the configuration sections.

What happens when I hover over the issue icons in the configuration sections?

Hovering over the issue icons displays a tooltip with a detailed explanation of the specific issue.

Can the smart JSON editor help prevent common mistakes?

Yes, the smart JSON editor provides automatic syntax checking and assisted editing to help prevent syntax errors.

Is it possible to view all configuration warnings and errors at once?

Yes, the new interface highlights changes, warnings, and errors next to each configuration section for easy visibility.