3m5 / typo3-enhanced-backend
Improves the user experience (UI/UX), provides customization options for editors and enhances the look and feel of TYPO3 backend.
Installs: 2 496
Dependents: 0
Suggesters: 0
Security: 0
Stars: 10
Watchers: 6
Forks: 0
Open Issues: 2
Type:typo3-cms-extension
Requires
- php: >= 7.4 < 8.3
- typo3/cms-backend: ^12.4
- typo3/cms-core: ^12.4
- typo3/cms-setup: ^12.4
- typo3/cms-sys-note: ^12.4
Requires (Dev)
- typo3/testing-framework: ^6.8
Suggests
- typo3/cms-styleguide: ^11.5
Replaces
- typo3-ter/enhanced_backend: v1.0.1
This package is auto-updated.
Last update: 2024-03-22 12:43:24 UTC
README
TYPO3 Extension ENHANCED BACKEND
What is it?
Enhanced Backend is an extension developed by 3m5. to make the work of editors in the TYPO3 backend more pleasant. There are features that visually change the backend and also functionalities that are added to the backend.
Presets
The primary goal of the extension is individuality, which is why each feature can be enabled or disabled individually. If this is too complex for you, you can choose between 3 predefined sets:
- No changes: Original TYPO3 backend (default setting)
- Vanilla⁺: This preset is based on the corporate design of TYPO3. Functionalities are not changed or added. There are only minor UI optimizations.
- Modern: This preset activates all available functions and optimizations of the "Enhanced Backend" extension. The UI/UX is based on current developments and there is a content tree that enables quick navigation across all content on a page.
- In addition to these sets, there is also the "User-defined" setting: This preset adopts the last selected settings (from the other presets) and allows individual deactivation/activation of individual functions and optimizations.
Which functions does Enhanced Backend offer?
The functions in the backend are grouped according to areas in the backend to ensure a better overview. The following functions are available:
Global
These settings affect all areas of the TYPO3 backend.
| Feature | Description |
|---|---|
| Enhanced Icons | Replace the default TYPO3 icons with a modern and user-friendly icon set. |
| Enhanced Font | Use the optimized "Inter" font for better display of elements and texts. |
| Enhanced Scrollbars | Use this option to make scrollbars more discreet and move them visually into the background. |
Header area
These settings affect the top bar, where your login is located, for example.
| Feature | Description |
|---|---|
| Enhanced Search Field | The search field is brought more into focus and given a more modern design. |
| Reorder icons on the right | The username is moved to the upper right corner, as users are used to from other applications. |
Sidebar
These settings affect the sidebar on the left side of the screen where the different modules are located.
| Feature | Description |
|---|---|
| Move sidebar collapse toggle to bottom edge | Positions the sidebar collapse toggle from the upper left corner to the end of the sidebar. |
| Enhanced Menu UI | Improves the color design of module entries, spacing and visual separation of groups. |
Page tree
These settings affect the page tree, located to the right of the sidebar.
| Feature | Description |
|---|---|
| Enhance toolbar over page tree | Buttons get more spacing to be more clickable. The search field is displayed in a more modern way. |
| Enable content tree | Inserts a tree below the page tree that maps the content elements of the currently selected page. |
Content area
The content area is the area where the contents of the respective modules are shown from the sidebar.
| Feature | Description |
|---|---|
| Enhanced content area | Content element frames are moved to the background to focus on the content. Buttons and titles are repositioned for a better overview. |
| Enhanced Toolbar | Spacing is consistent with the page tree toolbar. Larger click areas make the work easier. |
| Enhanced "Edit" Form | Form elements are aligned using a grid. Frames are visually placed in the background so editors can focus on content. |
| Enhanced language visualization | Displays the respective language flag only once per column and makes the language sticky at the top, so that it is also recognizable when elements are edited further down. |
| Hide quick page title editing | Displays the icon for quick editing of the page title only when the mouse is hovered over it. |
Content element wizard
This dialog becomes visible when creating a new content element.
| Feature | Description |
|---|---|
| Enhanced Toolbar | The search box and tabs are provided in a more modern design. |
| Tile view | Description texts are available as tooltips, icons and headlines are in focus. |
Usages
Enhanced backend comes as a TYPO3 extension for the TYPO3 backend. It appears as new tab "enhanced backend" in user settings. All settings are user specific.
- Install extension via composer
- Login to your TYPO3 backend
- Switch to your personal user settings at the right top corner (profile image)
- A new tab enhanced backend is available
- Choose a preset to quickly activate a collection of helpful features that are right for you
Installation
With composer based TYPO3 installations, enhanced backend is easily added to the project.
composer require 3m5/typo3-enhanced-backend
TYPO3 Extension Repository
For non-composer projects, the extension is available in TER as extension key enhanced_backend and can
be installed using the extension manager.
Tagging and releasing
packagist.org is enabled via the casual GitHub hook. TER releases are created by the "publish.yml" GitHub workflow when tagging versions using tailor. The commit message of the commit a tag points to is used as TER upload comment.
| URL | |
|---|---|
| Repository: | https://github.com/3m5/typo3-enhanced-backend |
Compatibility
| EnBa | TYPO3 | PHP | Support / Development |
|---|---|---|---|
| main | 12 | 7.4 - 8.2 | most recent branch |
| v11 | 11 | 7.4 - 8.2 | branch for TYPO3 v11 |
Legal
This project is released under GPLv2 license. See LICENSE.txt for details.