Story #75673


Content element sidebar

Added by Andreas Fießer about 8 years ago. Updated over 4 years ago.

Should have
Backend User Interface
Target version:
Start date:
Due date:
% Done:


Estimated time:
TYPO3 Version:
PHP Version:
Sprint Focus:


As an editor I want to choose a content element type from the sidebar.

• Content elements are represented by icons.
• The Icons can be grouped (like the current tabs).
• The sidebar can be extended which reveals a description text to every icon.
• After clicking a content element icon on the left it becomes highlighted.
• Dropzones where the selected content element is not allowed are hidden.
• The sidebar works on mobile devices as well. On smartphones it may use the full screen.


first-attempt.jpg (91.3 KB) first-attempt.jpg Riccardo De Contardi, 2016-04-15 17:26
030-wizzard-expanded-complete_3840.jpg (509 KB) 030-wizzard-expanded-complete_3840.jpg Andreas Fießer, 2016-04-15 21:10
050-content-expanded_3840.jpg (615 KB) 050-content-expanded_3840.jpg Andreas Fießer, 2016-04-15 21:10
080-after-content-type-click_3840.jpg (748 KB) 080-after-content-type-click_3840.jpg Andreas Fießer, 2016-04-15 21:10
schermata-2015-12-05-alle-22.31.27.png (115 KB) schermata-2015-12-05-alle-22.31.27.png Riccardo De Contardi, 2016-04-16 18:53

Related issues 2 (0 open2 closed)

Related to TYPO3 Core - Epic #75671: New Content Element WizardClosedBenjamin Kott2016-04-15

Related to TYPO3 Core - Story #75799: as an editor, I want to quickly add content to a new page, with creating a page pre-filled with content elementsClosed2016-04-19

Actions #1

Updated by Riccardo De Contardi about 8 years ago

my first (very very draft) proposal (If I have understood right) - see attached image - sorry for poor quality

Updated by Andreas Fießer about 8 years ago

Thank you very much for your quick reply! Actually we have spent the whole T3UXW16 to create layouts. I have just not yet attached them to the tickets.

I have done this now. Please find the respective screens attached to the stories and the full set at the epic #75671.
Sorry for the extra work you had with visualizing. Personally I think you are on a good way with the content of your flyout. However, our idea is to use the right edge of the screen.

Actions #3

Updated by Riccardo De Contardi about 8 years ago

Oh, I did it like a kind of divertissement :) I have not thought of the right side... good idea :)
I took this as inspiration:

here you can also find some other inspirations, I think: (example:

Actions #4

Updated by Riccardo De Contardi about 8 years ago

@Andreas Otto † Fießer: I just remembered now that I've made a sketch for the cig-ux channel on Slack (see attached file): I imagined the right area like a "widget area" a la Macosx.
I would be glad to discuss your ideas on Slack if you want.

Hava a nice day.

Actions #5

Updated by Christian Eßl over 4 years ago

  • Category set to Backend User Interface
Actions #6

Updated by Susanne Moog over 4 years ago

  • Status changed from New to Closed

Discussed in #cig-structuredcontent - closing these issues for now, the concepts will be incorporated by the initiative.


Also available in: Atom PDF