Feature #78760

Make pagetree panel resizable/expandable on large screens

Added by Angelo Previtali almost 3 years ago. Updated 4 months ago.

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

0%

PHP Version:
7.0
Tags:
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 one Closed 2017-09-09
Related to TYPO3 Core - Feature #84183: Backend panels resizable again Closed 2018-03-09

History

#1 Updated by Riccardo De Contardi over 2 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 over 2 years ago

  • Status changed from New to On Hold

#3 Updated by Riccardo De Contardi over 2 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 over 2 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 over 2 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 over 2 years ago

  • Target version changed from 9 LTS to 8 LTS

#7 Updated by Riccardo De Contardi over 2 years ago

  • Target version changed from 8 LTS to 9.0

#8 Updated by Andreas Allacher over 2 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 about 2 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 almost 2 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 almost 2 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 almost 2 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 almost 2 years ago

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

#14 Updated by Paul A. Auwehla almost 2 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 over 1 year ago

  • Target version deleted (9.0)

#16 Updated by Riccardo De Contardi over 1 year ago

#17 Updated by Jan Kornblum 11 months ago

  • Priority changed from Could have to Must have

#19 Updated by Sven Juergens 4 months 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?

Also available in: Atom PDF