More control over tab positioning / GUI element creation

[akapfham]

Lets say you have a panel which is docked "bottom". Then you drag another panel on top of the first one and dock it "filled". Then the two visible tabs are at the bottom edge of the panels. It would be great if this can be customized (for example put the tabs on the top border). It would be great if there was an option that all tabs of "filled" panels are presented like the tabs of dockFill panels that are directly under the documentNode (editor1 and editor2 in the IDE demo). If the tabs are on the top border the "header line" would be redundant and could be removed.

[jogibear9988]

you could try this style:

  .dockspan-tab-host {
      display: flex;
      flex-direction: column-reverse;
  }

then the tabs should be at top

[jogibear9988]

And

  .dockspan-tab-content .panel-titlebar {
      height: 0 !important;
  }

[akapfham]

Thanks for your suggestions. I've done a quick test regarding ".dockspan-tab-host" and i am afraid this is not the solution (please see attached screen shot).

[jogibear9988]

maybe like this...

    div:not(.document-manager) > .dockspan-tab-host {
          display: flex;
          flex-direction: column-reverse;
      }

[akapfham]

Thanks again for the quick response! But i am afraid this doesn't work either. The suggested solution leads to a behaviour that the first tab which is docked "fill" is "behind" the second tab docked "fill".

[jogibear9988]

what do you mean with "behind"? maybe you could share a example?