Ext JS Dashboard Layout and Maximize / Minimize Panels

I am attaching a photo with a layout that I am trying to develop with Ext JS. I use a border layout and then a toolbar for the center part, however I see some limitations on this:

  • Toolbars on the toolbar do not have a minimize or maximize button. How to implement this?
  • How to make a panel / part to use multiple columns by default. Right now with columnIndex you can only specify one of the columns, but what if I want to use multiple columns or 100% width like in the Function Positions panel?

I would appreciate any suggestion, even other alternatives without using the toolbar.

Mock up

+3


source to share


1 answer


  • you can add tools to the panel .
  • read the docs carefully for columnWidths , for your example it could be:

    columnWidths: [1, 0.4, 0.6, 0.5, 0.5]



creating three different lines

+2


source







All Articles