Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

golden-layout.com

Post reply on HN
Print view View original

31–39 of 39 posts

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#31

Post by wolframhempel »

oskarer wrote: post #30

Looks really cool, would love to use this in a project of mine. Is it possible to attach a layout to an existing react component and run it inside that? From the documentation I see that passing a DOM element to init() is possible, not sure if that's going to make it in my case..

you can create a layout in any DOM element, just pass it as the second argument to the constructor `new GoldenLayout( config, element)` - getting it to work well with reacts component-lifecycle might be a bit more of a challenge though

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#32

Post by andy_ppp »

wolframhempel wrote: post #19
HappyTypist wrote: post #18

That's nice, but it's terrible on my iPhone.

yup, its a paradigm that doesn't translate too well to mobile - so mobile support is only rudimentary (at best)

Would it not be possible just turn the whole layout into an accordion on mobile?

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#33

Post by wolframhempel »

andy_ppp wrote: post #32
wolframhempel wrote: post #19

Earlier quoted context omitted.

yup, its a paradigm that doesn't translate too well to mobile - so mobile support is only rudimentary (at best)

Would it not be possible just turn the whole layout into an accordion on mobile?

yup, you can easily do this programmatically

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#35

Post by squeaky-clean »

wertop wrote: post #34

Does anyone know anything like this that would work well within a React based app?

I don't have much experience with React, so maybe I can't tell, but is there any reason why this won't work? It even has a link to a tutorial on how to use it with React on the front page.

https://www.golden-layout.com/tutorials/getting-started-reac...

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#36

Post by wertop »

squeaky-clean wrote: post #35
wertop wrote: post #34

Does anyone know anything like this that would work well within a React based app?

I don't have much experience with React, so maybe I can't tell, but is there any reason why this won't work? It even has a link to a tutorial on how to use it with React on the front page. https://www.golden-layout.com/tutorials/getting-started-reac...

Doh - RTFM as usual. Thanks.

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#38

Post by derekja »

Looks great. I'm afraid I'm flailing a little bit on React, though. All the examples I can find are using older versions of react. Is there an example using the current version? Trying to figure out what I call ReactDOM.render with if the DOM is already being modified by GoldenLayout... Thanks!

Re: Show HN: GoldenLayout – JavaScript layout manager with multi-screen support

#39

Post by jjrv »

jasongrout wrote: post #37

Cool, thanks for sharing! Another project providing layouts we've been using in the Jupyter project is the phosphor library: http://phosphorjs.github.io/ (demo of layouts at http://phosphorjs.github.io/examples/dockpanel/ ).

PhosphorJS seems truly amazing. Dragging and resizing things feels like using native controls. The example has a polished look and everything is written in well-commented and easily understandable TypeScript without any nonsense external dependencies like jQuery.
Post reply on HN