Stack Overflow
Stack Overflow

Questions tagged [golden-layout]

Use for GoldenLayout, a multi-screen layout manager for webapps

Golden layout is an open-source multi-screen layout manager for webapps which can be integrated with AngularJS, Angular 2+, ReactJS, Webix, SlickGrid, Highcharts and YQL.

It can be obtained from the official Golden-Layout-website and the corresponding GIT project "Golden Layout". Noteworthy is a GIT project aiming to provide a complete solution for embedding golden-layout within an angular 6 application.

51 questions
6
votes
2 answers

Golden Layout with Angular 6 using typescript?

I am using golden layout with Angular 6, following this tutorial. I'm getting an error on GoldenLayoutModule.forRoot(config) config not assignable to parameter of type GoldenLayoutConfiguration. import { AppComponent } from…
gbarry
  • 101
  • 1
  • 5
4
votes
0 answers

Multi-window dockable layout manager for Angular2 WebApps

Is there a multi-window layout manager for Angualar 2 based webapps ? I found examples like this: http://golden-layout.com/ http://www.dockspawn.com/ http://docker.api.webcabin.org/index.html But the problem is that there is no Angular 2 integration…
m.bouali
  • 484
  • 1
  • 4
  • 15
4
votes
1 answer

Golden Layout Anulgar 2+ / ng-golden-layout

I would like to start by saying that I'm a junior Front-End Developer. So, not much experience with Angular. So I've been trying to get something to work in Angular 2 with golden layout, my final goal is to reproduce the drag functionality from this…
dazzed
  • 643
  • 2
  • 9
  • 19
3
votes
1 answer

Golden-layout with responsive content ineer

I'm using Golden-layout in my Angular 7 app to display some components as widgets in widget grid. And all widgets have ability to resize. I need, for example, increse or make smaller font-size while i resizing widget. I tried to use vw for ineer…
hofshteyn
  • 1,272
  • 4
  • 16
  • 33
3
votes
2 answers

How to hook on library function (Golden Layout) and call additional methods

I'm using a library called Golden Layout, it has a function called destroy which will close all the application window, on window close or refesh I need to add additional method to the destroy function. I need to removeall the localstorage aswell.…
arunkumar
  • 333
  • 1
  • 9
  • 25
3
votes
2 answers

GoldenLayout, how to hide/show component?

I have an application based on GoldenLayout (1.5.9). The layout is a Row containing two Columns. See below the configuration of the column I'm interested in. let config = { content: [ { type: "row", content: [ …
SiliconValley
  • 1,465
  • 17
  • 30
3
votes
0 answers

Angular 4 and GoldenLayout - change detection doesn't work

I'am using Golden Layout with my app created using Angular 4 (via angular cli). Golden Layout works well. It shows up, and all components are also in place. But since my components are placed in GL, the angular change detection mechanism stopped…
dawik
  • 31
  • 4
3
votes
2 answers

Proper way to catch resize events for a pane in GoldenLayout

I want to taken an action in one pane (i.e. a container content item) when a resize event occurs (whether resizing the panes, the whole browser, or zoom). The below works, but... if I then drag around the panes, even go from left-right, to…
Darren Cook
  • 27,837
  • 13
  • 117
  • 217
3
votes
0 answers

Using Golden-Layout with React Router

I'm trying to use Golden-Layout in conjunction with React Router 2.6.1 but I'm having difficulty figuring out how to nest the Golden-Layout inside the wrapper I've created for use with my router. import React from 'react'; import ReactDOM from…
Dave
  • 1,111
  • 8
  • 16
3
votes
1 answer

Golden Layout + Angular2 RC5 - Unable to use ViewContainerRef to dynamically create component

I am trying to dynamically create the component to register in Golden Layout. Eg, @ViewChild('placeholder', { read: ViewContainerRef }) viewContainerRef; ngAfterViewInit(){ this.myLayout.registerComponent('testComponent', (container,…
Rajee
  • 272
  • 2
  • 8
2
votes
2 answers

GoldenLayout hide/show component (again)

I have an issue with showing/hiding a component similar to this question: GoldenLayout, how to hide/show component? My layout is as follows: let config: Config = { settings: { showCloseIcon: false, showPopoutIcon:…
jmc42
  • 359
  • 5
  • 22
2
votes
1 answer

Typescript: Import namespace when namespace and class have the same name in a library file

I am having issue with accessing namespace while importing it from a file that declares the namespace and a class with the same name. I can access the class but not the namespace. From the docs, I thought importing from a library that exports merged…
yuva
  • 3,108
  • 4
  • 20
  • 35
2
votes
1 answer

GoldenLayout - How can I gracefully handle an unknown component during init

I am working on a webapp that is served up "modules/widgets" that dynamically register themselves to GoldenLayout. The layout config is persisted and applied on startup to retain the user's window layout. Due to a number of different factors, a…
Kevin
  • 21
  • 2
2
votes
0 answers

Golden Layout not calling React.Component.render

I've been struggling for a few hours to get react to work with golden layout as per their demo: http://golden-layout.com/examples/#XdabGJ I'm creating a document editing app with electron, and trying to use gl to provide virtual views on the…
Andy
  • 3,228
  • 8
  • 40
  • 65
2
votes
0 answers

Angular 5.0.3 - error TS2304: Cannot find name

I am trying to leverage golden-layout docking library. I have everything installed for my angular project but I am hitting an error that I cannot seem to get around. ** NG Live Development Server is listening on localhost:4200, open your browser on…
Mark
  • 911
  • 13
  • 30
1
2 3 4