No header controls in basic implementation

[danwellman]

No header controls in basic implementation

[puschie286]

check your html if the 'lm_close_tab' element exist - probably your image path is incorrect

[danwellman]

Thanks, yes the lm_close_tab element does exist, but this is for the close icon next to the component name at the top-left of the header - this does display as expected and I can use it to close the components. But I am talking about the three controls at the top-right of the header.

In the HTML, the elements for these controls also exists - lm_popout, lm_maximise and lm_close and the images for these icons are base64 encoded strings, so there are no actual image paths to actual images.

The issue seems to be there there is no styling for these elements by default. I can fix it by supplying styling for the buttons and the controls container, but this seems strange given that no custom styling is needed for the close button at the top-left of each component.

Edit
Actually, the issue seems to be that the mark-up structure for these controls has changed in version 2. Previously these controls were built from a ul and li elements, but in version 2 they are made of div elements and hence do not pick up the required styles

[RationalFragile]

Had the same issue, I copied the only example provided for v2 from https://codepen.io/pbklink/pen/dyWJNNm and the whole layout was broken...

I spent a whole day trying to make it work, then I found the solution: manually import "golden-layout/dist/css/goldenlayout-base.css" and "golden-layout/dist/css/themes/goldenlayout-dark-theme.css". Apparently, golden-layout doesn't import them automatically.

(facepalm, please add this to the v2 docs... or at least change the example to clearly show the required imports.)
(P.S. No, it doesn't matter whether they're "ul" or "li" or "div" they're styled by their class, check if you're referring to the latest css inside your "node_modules" folder.)