Feature #78760

Make pagetree panel resizable/expandable on large screens

Added by Angelo Previtali about 5 years ago. Updated 9 months 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

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
#1

Updated by Riccardo De Contardi almost 5 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

#2

Updated by Benjamin Kott almost 5 years ago

  • Status changed from New to On Hold
#3

Updated by Riccardo De Contardi almost 5 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
#4

Updated by Christian Toffolo almost 5 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?

#5

Updated by Riccardo De Contardi almost 5 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.

#6

Updated by Christian Toffolo almost 5 years ago

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

Updated by Riccardo De Contardi almost 5 years ago

  • Target version changed from 8 LTS to 9.0
#8

Updated by Andreas Allacher over 4 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.

#9

Updated by Riccardo De Contardi over 4 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

#10

Updated by Steffen Wargalla about 4 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

#11

Updated by Christiane Helmchen about 4 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.

#12

Updated by Benni Mack about 4 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.

#13

Updated by Benni Mack about 4 years ago

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

Updated by Paul A. Auwehla about 4 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 ...

#15

Updated by Susanne Moog almost 4 years ago

  • Target version deleted (9.0)
#16

Updated by Riccardo De Contardi over 3 years ago

#17

Updated by Jan Kornblum about 3 years ago

  • Priority changed from Could have to Must have
#19

Updated by Sven Juergens over 2 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?

#20

Updated by Riccardo De Contardi almost 2 years ago

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

Updated by Uwe Trotzek over 1 year 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 .

#22

Updated by Riccardo De Contardi over 1 year ago

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

Updated by Sybille Peters 12 months ago

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

Updated by Gerrit Code Review 10 months 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

#25

Updated by Gerrit Code Review 10 months 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

#26

Updated by Gerrit Code Review 10 months 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

#27

Updated by Gerrit Code Review 10 months 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

#28

Updated by Gerrit Code Review 10 months 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

#29

Updated by Gerrit Code Review 10 months 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

#30

Updated by Gerrit Code Review 10 months 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

#31

Updated by Benni Mack 10 months ago

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

Updated by Sybille Peters 10 months ago

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

Updated by Benni Mack 9 months ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF