Advanced Panel Controls - e.g. Resizing Side Panels (LHS, RHS, BHS) using your mouse

Amazing. My feedbacks are:

Side panel view

Full mode

perfect

Muti modal view

  • no way to rollback to side panel mode
  • size modal window to contains

what do you mean? no way to go back to panel mode? and what is modal mode?
i don’t understand.
this is only a 80% prototype to see development stage, not everything is implemented yet.

what does it contain where and when?

  • from modal move, no way to come back to panel view

  • When the modal view is opened, the window does not adjust to contain its content properly.

I KNOW!!!

window/modal mode is not yet fully implemented because currently they use two different code bases, andd they are not syncronizes yet. it’s just work status prototype to get a sneak peak, i will later put everything in one master js. currently is modular so i can try out different things. i will also remove the close&window buttons, from the explorer(top right), because the closing and control of the Panel will be moved to the edge buttons, and the one for the window, it will be in the header. And on the window i will add the Close button and a “attach to panel” button, so one can switch between: (Collapsed<->Panel<->Full Width<->Collapsed)<->Window(modal) mode easily in whichever state you currently are.

1 Like

[MAJOR UPDATE] - Released

CAUTION before update

Remove any old versions of following libraries (if you had it installed):

  • Document Explorer
  • Advanced Panel Control
  • Treeview Extension
  • FloatingPage

Don’t forget to also update the Mr-xRed Repo

  • Unified the Advanced Panel Controls (UAPC) with the Floating Window JavaScript.

  • Control Buttons on panels for close, expand/collapse, and mode switch.

  • Gesture/Swipe Control for Mobile users.

  • Switch between Window Mode and Docked Panel Mode seamlessly.

  • Added Synthetic Panels concept, to temporarily (until closed) assign a virtual panel side to a floating window.

  • Consistent panel controls across all Panels and Synthetic Panels

  • Panel sizing is persisted via clientStore (LHS, RHS, BHS).

  • Panel constraints configurable (min/max width and height).

  • Button-Size and Style configurable through Space-Style (Documentation → Soon)

Known Issues

  • BHS (Bottom Hand Side) panel resizing, controls and full feature support not yet implemented.
  • Bug: Edge cases when multiple real panels are added after synthetic panels may need further handling.
  • Bug: Gesture Control when in Full Width mode, any Swipe direction will go back into expanded panel

Challenges

  • Close Panel button, will “only” close the Panel for the current instance. If the Plug uses the “Toggle” logic the panel is reserved persistently between Refreshes (e.g. TreeView Plug, DocumentExplorer(with recoverAfterRefresh = true) will return to the Panel even after you closed it from the “Close” button) → To effectively close that panel use the dedicated Close Button provided by the developer of the Plug/library. This doesnt affect Synthetic Panels
    → green - effectively close Plug/Library/Panel
    → red - temporarily close “persistent panels”

ToDo`s:

  • Finish the migration of the DocumentExplorer to the new Panel system
  • Styling & Design is not yet completed - inconsistencies might appear
  • Config & Space-Style Documentation still needs to be done
  • and many more…
2 Likes