Project

General

Profile

Actions
Copy link

Task #89844

closed

Improve visual appearance of feature toggles

Added by Michael Schams almost 5 years ago. Updated over 4 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2019-12-04
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
10
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Feature Toggles were introduced in TYPO3 v9.1 (see #83429, ChangeLog, and documentation). The main target audience to use feature toggles are integrators, site administrators, and developers (tech-savvy backend users).

The visual appearance of the UI could (should?) be improved. For example:

  • Re-arrange and align the texts and toggle switches.
  • Add a headline for each feature.
  • Do not show the identifier (e.g. redirects.hitCount) if not required.
  • Use nicer switches (other parts of the BE show toggle switches that are more obvious switches).
  • Allow for links (e.g. in 10.2 we have the betaTranslationServer and a link to https://crowdin.com which is not a <a href="">...</a> tag).
  • ...

Files

Download all files
feature-toggles.png (71.2 KB) feature-toggles.png Michael Schams, 2019-12-03 23:35
01_01_feature-toggles_01_01.jpg (317 KB) 01_01_feature-toggles_01_01.jpg Oliver Bartsch, 2019-12-13 07:18
89844-feature-toggles.mp4 (886 KB) 89844-feature-toggles.mp4 Michael Schams, 2019-12-13 11:00
89844-feature-toggles.patch.gz (1.37 KB) 89844-feature-toggles.patch.gz Michael Schams, 2019-12-13 11:02
screenshot-20200221-1000.png (38.4 KB) screenshot-20200221-1000.png Michael Schams, 2020-02-21 00:02
Actions
Copy link
 #1

Updated by Oliver Bartsch almost 5 years ago

Hi Michael,

thanks for creating this issue. Tbh I don't use this tool that much and I think also other developers/integrators visit this one or two times while performing an upgrade or a complete new project.

But that fact should not stop us rework this tool a bit (at least the visual appearance). So a colleague of mine did me a favour and made a design how it could look like.

Could you please have a look. It's just a direction how we could go. If this is fine for you I would make a first patch based on the design.

Actions
Copy link Download all files
 #2

Updated by Michael Schams almost 5 years ago

I really like Oliver's mock-up :-)

Attached is another possible concept. Feedback welcome.

Actions
Copy link
 #3

Updated by Gerrit Code Review almost 5 years ago

  • Status changed from New to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/63330

Actions
Copy link
 #4

Updated by Gerrit Code Review almost 5 years ago

Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/63330

Actions
Copy link
 #5

Updated by Michael Schams almost 5 years ago

Many thanks for working on this!

Two suggestions re patch set 2:

  • I think it would be nice to align the button(s) to the right, see screenshot below.
  • I really like your UI concept using toggle switches :-)

Actions
Copy link
 #6

Updated by Gerrit Code Review almost 5 years ago

Patch set 3 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/63330

Actions
Copy link
 #7

Updated by Gerrit Code Review almost 5 years ago

Patch set 4 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/63330

Actions
Copy link
 #8

Updated by Gerrit Code Review almost 5 years ago

Patch set 5 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/63330

Actions
Copy link
 #9

Updated by Oliver Bartsch over 4 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions
Copy link
 #10

Updated by Benni Mack over 4 years ago

  • Status changed from Resolved to Closed
Actions
Copy link

Also available in: Atom PDF