Project

General

Profile

Actions

Feature #78760

closed

Make pagetree panel resizable/expandable on large screens

Added by Angelo Previtali over 7 years ago. Updated about 3 years ago.

Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2016-11-21
Due date:
% Done:

100%

Estimated time:
PHP Version:
7.0
Tags:
pagetree, usability, UI, large-site
Complexity:
easy
Sprint Focus:

Description

With TYPO3 CMS version 8.4 in the BE the column with the page tree is not resizeable.


Related issues 6 (1 open5 closed)

Related to TYPO3 Core - Feature #82426: Replace ExtJS page tree with SVG oneClosedTymoteusz Motylewski2017-09-09

Actions
Related to TYPO3 Core - Feature #84183: Backend panels resizable againClosed2018-03-09

Actions
Related to TYPO3 Core - Bug #89355: Page tree cuts off page titles horizontallyClosed2019-10-07

Actions
Related to TYPO3 Core - Bug #91202: Backend-Pagetree can't scroll horizontallyClosed2020-04-27

Actions
Related to TYPO3 Core - Epic #93547: Collection of problems with large sitesAccepted2021-02-19

Actions
Related to TYPO3 Core - Bug #96412: Stray javascript build output Enum/Viewport/TopbarIdentifiers.jsClosedBenjamin Franzke2021-12-21

Actions
Actions #1

Updated by Riccardo De Contardi over 7 years ago

  • Tracker changed from Bug to Feature
  • Priority changed from Must have to Could have

On version 8.4 and above the pagetree panel has a fixed 300px width and cannot be resized anymore; instead, there is an icon on the upper left corner of the screen to completely hide it.

IMO the 300px fixed width could become too small on very large screen so a feature to expand it should be added.

Some ideas:

1) a (User)TSConfig option to set the width (with a slider in user settings)
2) an arrow button somewhere (upper right corner or lower right corner) that doubles the width of the panel (but I feel that it would clutter the interface)

All methods should work and/or become availabe only on large screens with a proper media query

Actions #2

Updated by Benjamin Kott over 7 years ago

  • Status changed from New to On Hold
Actions #3

Updated by Riccardo De Contardi over 7 years ago

  • Subject changed from Column of page tree can not be resized with TYPO3 CMS version 8.4 to Make pagetree panel resizable/expandable on large screens
  • Target version changed from 8 LTS to 9 LTS
Actions #4

Updated by Christian Toffolo over 7 years ago

We really miss the resizable pagetree panel.
Why this feature has been removed?
And why is this targeted 9 LTS instead of 8?
Are there so hard technical problem to solve?

Actions #5

Updated by Riccardo De Contardi over 7 years ago

I think that one problem is that a draggable resize (like before) would be uncomfortable on a touch device...
Maybe it is an error from me putting it on V9, please change it if necessary.

Actions #6

Updated by Christian Toffolo over 7 years ago

  • Target version changed from 9 LTS to 8 LTS
Actions #7

Updated by Riccardo De Contardi about 7 years ago

  • Target version changed from 8 LTS to 9.0
Actions #8

Updated by Andreas Allacher about 7 years ago

It would be nice to configure the module bar width and the page tree width somehow with 8.x
Maybe by adding a user setting where an integer value defines the size or similar.
It can always be improved in 9.x then.

Actions #9

Updated by Riccardo De Contardi over 6 years ago

another suggestion could be:

max-width:800px;
min-width:300px;
width:20vw;

or something like that, to make it adaptable to the viewport width

Actions #10

Updated by Steffen Wargalla over 6 years ago

There is an extension available on Github which allows to easily set the page tree width in the user settings for larger screens.
https://github.com/crealistiques/cre_pagetreewidth

Actions #11

Updated by Christiane Helmchen over 6 years ago

Steffen Wargalla wrote:

There is an extension available on Github which allows to easily set the page tree width in the user settings for larger screens.
https://github.com/crealistiques/cre_pagetreewidth

Thanks for the advice - we'll try this one as our customers are struggling a lot with the 300px limitations in the new TYPO3 8.

Actions #12

Updated by Benni Mack over 6 years ago

  • Status changed from On Hold to New

Yes, this might be solvable with the new pagetree component in v9, for v8 this extension looks really great.

Actions #13

Updated by Benni Mack over 6 years ago

  • Related to Feature #82426: Replace ExtJS page tree with SVG one added
Actions #14

Updated by Paul A. Auwehla over 6 years ago

Its a good workaround with the ext cre_pagetreewidth mentioned above.
And PS.
The following is obsolete.
There is a new feature in
https://github.com/crealistiques/cre_pagetreewidth
With this all is flexible as in recent typo3-Versions.
I guess it would be a good idea,
to "reinvent" this flexible layout into the core of v8.7

~~~~~~~~~~~~~~~~~~~~~~~~~~
But just for the default backend-view.

The popup-dialog in editor for editing links is still having
a small and badly readable pagetree.
Its very nice and looks great, but it is a little clumpsy to use.

All versions of typo3 below v8.7 had a fully visible pagetree.
This times are gone for now.
This last one is responsive in reverse sense:
You have to minimize the browser-window with the dialog-box in it
to see a full width pagetree ;-((

The first time in typo3-history you have to choose:
Scrolling, scrolling, scrolling OR not seeing
your speaking, long filenames and pagenames.

But there is another problem, too:
Try to insert a record with "Browse for records"
Now you will get a very large window, not a dialog-box as in link-settings.

But this window is white and empty, with a tiny small left pagetree, too.
Now make the window narrow: The pagetree becomes wide, but the records
now are visible only below the long, long pagetree:
Again you have to scroll, scroll, scroll ...

And v8.7 is LTS ...

Actions #15

Updated by Susanne Moog over 6 years ago

  • Target version deleted (9.0)
Actions #16

Updated by Riccardo De Contardi about 6 years ago

Actions #17

Updated by Jan Kornblum over 5 years ago

  • Priority changed from Could have to Must have
Actions #19

Updated by Sven Juergens almost 5 years ago

Hi Wolfgang,

many thanks for the extension, it works great :)

However, it would be even better if it was already part of the core, maybe the extension could be the baseline for that?

Actions #20

Updated by Riccardo De Contardi over 4 years ago

  • Related to Bug #89355: Page tree cuts off page titles horizontally added
Actions #21

Updated by Uwe Trotzek about 4 years ago

I think it's more a bug than a feature. :) Because if the page tree has more then ~6 levels, it becomes quite impossible to select a page because you cannot read the page title anymore.

The Extension wazum/pagetree-resizable is currently not TYPO3 10.3 ready (which is not a problem!), but IMHO the correct functionality of the page tree must be implemented in the Core. Because the page tree is not useable out of the box in bigger instances .

Actions #22

Updated by Riccardo De Contardi about 4 years ago

  • Related to Bug #91202: Backend-Pagetree can't scroll horizontally added
Actions #23

Updated by Sybille Peters over 3 years ago

  • Tags set to pagetree, usability, UI, large-site
Actions #24

Updated by Gerrit Code Review over 3 years ago

  • Status changed from New to Under Review

Patch set 12 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/+/67511

Actions #25

Updated by Gerrit Code Review over 3 years ago

Patch set 13 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/+/67511

Actions #26

Updated by Gerrit Code Review over 3 years ago

Patch set 14 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/+/67511

Actions #27

Updated by Gerrit Code Review over 3 years ago

Patch set 15 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/+/67511

Actions #28

Updated by Gerrit Code Review over 3 years ago

Patch set 16 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/+/67511

Actions #29

Updated by Gerrit Code Review over 3 years ago

Patch set 17 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/+/67511

Actions #30

Updated by Gerrit Code Review over 3 years ago

Patch set 18 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/+/67511

Actions #31

Updated by Benni Mack over 3 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #32

Updated by Sybille Peters about 3 years ago

  • Related to Epic #93547: Collection of problems with large sites added
Actions #33

Updated by Benni Mack about 3 years ago

  • Status changed from Resolved to Closed
Actions #34

Updated by Benjamin Franzke over 2 years ago

  • Related to Bug #96412: Stray javascript build output Enum/Viewport/TopbarIdentifiers.js added
Actions

Also available in: Atom PDF