Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
30 views

I am using Angular 21 with GoldenLayout (v2). Inside a GoldenLayout component, I load an external site inside an . The problem: Whenever I move the panel, drag it, dock it somewhere else, or resize ...
Uday Baldha's user avatar
1 vote
0 answers
36 views

Im using golden layout with some containers in it, in my app there is an edit mode that permise the user to edit and resize the containers, when the user finish to modify he click "end edit" ...
Federico Ferrante's user avatar
0 votes
0 answers
30 views

when using Livewire I have not yet found a way to use docking libraries such as Golden-Layout The main problem is that I cannot move a Livewire component inside the layout or render it dynamically ...
skyracer2012's user avatar
1 vote
0 answers
124 views

according to golden layout documentation for saving and load state is something like that: myLayout.on( 'stateChanged', function(){ var state = JSON.stringify( myLayout.toConfig() ); ...
Victor Martinez's user avatar
1 vote
0 answers
175 views

I'm creating a vue3 app using the golden layout library https://github.com/golden-layout/golden-layout. I followed the referenced vue3 example that uses virtual components found here https://github....
nate fishel's user avatar
3 votes
1 answer
313 views

We are (slowly and incredibly painfully) migrating from golden-layout 1.5.9 to golden-layout 2.6.0 in a huge Angular 16 production app. Within our app, we have a dropdown menu containing the names of ...
danwellman's user avatar
  • 9,401
0 votes
1 answer
376 views

I am trying to migrate an old golden-layout implementation in an Angular 16 application, to golden-layout-2. The previous implementation worked as expected. The code to initialise the layout is like ...
danwellman's user avatar
  • 9,401
1 vote
0 answers
464 views

Expected Behaviour: IntersectionObserver must correctly report the observed component's visibility in the viewport. Current Behaviour: IntersectionObserver incorrectly reports component as invisible ...
rachitiitr's user avatar
0 votes
1 answer
423 views

I have the following Layout: myLayout = new GoldenLayout({ content:[{ type: 'row', content:[{ type: 'component', componentName: 'testComponent', ...
Lawless Leopard's user avatar
0 votes
1 answer
690 views

I am currently using quasar v2(vuejs3) and the gold-layout 2.5.0 version. (I also tried vue-golden-layout, but I gave up because it was difficult to use in quasar v2) project structure components - ...
seung's user avatar
  • 1
0 votes
2 answers
69 views

In the following code, I get undefined reference for this.lister in the create_components method. I am trying to understand the meaning of this (apparently changes based on how you call the method) ...
Validus Oculus's user avatar
0 votes
0 answers
476 views

I am using golden layout with Angular 9, however I am getting this error when I import golden layout: import { GoldenLayout } from 'golden-layout'; ERROR in node_modules/golden-layout/dist/types/index....
JohnSlow's user avatar
1 vote
1 answer
288 views

I'm trying to find a way to programmatically change tabs in ipyGoldenLayout. Is there any way I could do it? import ipyvuetify as v from traitlets import Unicode from ipygoldenlayout import ...
user10427488's user avatar
0 votes
2 answers
330 views

I am building an app in Angular 11. I am unable to bind sackCreated event, please let me know if its deprecated or it has some alternative. Below is my code. this._goldenLayout.on('stackCreated', (...
Billz's user avatar
  • 1,107
0 votes
1 answer
711 views

I'm trying to programmatically add an imported vue to a new Golden Layout pane. I've use the drag and drop example to build upon, but it is only adding HTML to the pane, not a vue that requires props ...
leoplaw's user avatar
  • 302
0 votes
1 answer
283 views

I would like to show a context menu for the items in a tree view. The menu should be shown on top of all other element and it should also cross the borders of a GoldenLayout (http://golden-layout.com/)...
Stefan's user avatar
  • 12.8k
2 votes
2 answers
1k views

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: { ...
jmc42's user avatar
  • 454
1 vote
1 answer
1k views

I'm working on a JHipster application that I'm trying to get functioning in Electron. I have Golden Layout for window/pane management and cross-pane communication. I am having several problems with ...
Grant Reighard's user avatar
1 vote
0 answers
318 views

I use Golden Layout, so I want to change title of a specific stack component. When I add for example 2 stacks with 2 inputs and I change the title of the last element, the title changes in all the ...
SMO's user avatar
  • 33
0 votes
1 answer
266 views

I am developing an Angular library, a sort of Angular wrapper for Golden Layout. I created an interface, called ActionItem, that gives the possibility to add buttons with actions in the component tab: ...
Igino Boffa's user avatar
2 votes
1 answer
875 views

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 ...
yuva's user avatar
  • 3,378
1 vote
0 answers
62 views

It's possible to use glEventHub in Reactjs to manipulate tabs with regard design changes and other events as well, which I could not achieve in angular. Reactjs Example: let config={...} var ...
shoban m.r's user avatar
1 vote
0 answers
1k views

I have created React.js Project with Golden Layout. As you see the image below it's possible to open up three other sub windows by clicking first "View Button", but when I click the second view button ...
Thomson Ignesious's user avatar
3 votes
1 answer
870 views

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 ...
hofshteyn's user avatar
  • 1,282
1 vote
0 answers
92 views

I'm trying to implement KendoGrid to appear within the Goldenlayout container but haven't been able to do so successfully. The Grid appears outside of the container and on the top of the page, while ...
Ali's user avatar
  • 53
2 votes
1 answer
458 views

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 ...
Kevin's user avatar
  • 21
1 vote
2 answers
1k views

Trying to work with openlayers,reactjs and golden-layout. Golden-layout configuration is one row with two "react-components" inside it. Openlayers does render map in one "react-component" of golden-...
yasir's user avatar
  • 614
0 votes
0 answers
420 views

I have built a golden layout wrapper using golden-layout-react-redux, and I'm creating new layouts and connecting them to the panels reducer so every time I add a new panel it will get built inside ...
ilya's user avatar
  • 631
6 votes
2 answers
5k views

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. ...
gbarry's user avatar
  • 101
1 vote
2 answers
394 views

How can I add ReactDOM as a globally accessible variable in Meteor? So it can be used by other 3rd party libraries in Meteor? Background info, Meteor is a web application framework that simplifies ...
Armen Babakanian's user avatar
3 votes
2 answers
1k views

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 ...
arunkumar's user avatar
  • 353
0 votes
1 answer
187 views

Using goldenlayout, and I have a slickgrid loaded inside a container (as the tutorial outlined). I have a timer that goes out and pulls new data. I would like to know how to update the data in the ...
pithhelmet's user avatar
  • 2,312
2 votes
0 answers
2k views

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 ...
Andy's user avatar
  • 3,658
1 vote
1 answer
215 views

Golden Layout seems to be a really interesting JS layout library. For an app currently developed in Flask, is there anything similar in Python that would integrate well with Flask?
Paulo Matos's user avatar
  • 1,674
0 votes
1 answer
401 views

I'm trying to add custom tooltip for the control icons in GoldenLayout. So far what i've done is, i'm finding the class of each controller icons and adding a new attribute called tooltip and removing ...
jenesha j's user avatar
1 vote
2 answers
1k views

myLayout.config.settings.hasHeaders = false; I am using this one, but this is hiding all tab headers. I need to hide particular tab header only? Please help me.
Raviraj reddy's user avatar
3 votes
2 answers
3k views

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: [ { ...
SiliconValley's user avatar
4 votes
0 answers
3k views

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 ...
m.bouali's user avatar
  • 484
2 votes
0 answers
1k views

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 ...
Mark's user avatar
  • 937
0 votes
1 answer
455 views

I have a simple DataTable() in a golden layout container: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <script ...
jacktar's user avatar
1 vote
2 answers
4k views

Please see the issue: function newLayOutObj() { var config = { settings: { "hasHeaders": true, "constrainDragToContainer": false, "...
Rahul's user avatar
  • 51
1 vote
0 answers
135 views

I have the following code that works: let registered = []; React.Children.forEach(this.props.children, (child) => { let name = child.type.name; if (registered.indexOf(name) ...
Fay's user avatar
  • 173
1 vote
0 answers
431 views

I'm new to Angular 2 and including Golden Layout on the Dashboard of a project has been a hassle. I'm using ng2-admin theme and would not like to change the folder structure. http://akveo.com/ng2-...
Sanjay79's user avatar
4 votes
1 answer
2k views

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 ...
dazzed's user avatar
  • 669
0 votes
1 answer
208 views

I can use Slickgrid with normal grids in GoldenLayout. However, I am trying to implement Dataview and I'm having trouble with the onRowCountChanged.subscribe event: var StockGridComponent = function ...
jackofnone's user avatar
3 votes
0 answers
383 views

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, ...
dawik's user avatar
  • 31
0 votes
0 answers
120 views

I was looking at this golden-layout with angular 2 plunker. The files on plunker are not sufficient to replicate the output. How can I make this plunker runnable? What are the else config files ...
Prashant Prabhakar Singh's user avatar
0 votes
1 answer
3k views

I was trying to work on golden-layout with angular2. I followed this plunker, but I got following errors: Property 'registerComponent' does not exist on type 'ElementRef'. Property 'eventHub' ...
Prashant Prabhakar Singh's user avatar
0 votes
0 answers
614 views

I am new to angular2 ( even don't know angular). In was working with golden layout and ag-grid. I need to use DynamicComponentLoader so I used: import {ApplicationRef, Directive, ElementRef, Input, ...
Prashant Prabhakar Singh's user avatar
2 votes
1 answer
1k views

I use GoldenLayout library with Electron's WebView elements. GoldenLayout manipulates the DOM moving WebView elements around, it is effectively cutting them from one place and pasting them in the ...
user961474's user avatar