56 questions
0
votes
0
answers
30
views
Angular + GoldenLayout iframe reloads every time panel is moved — how to prevent iframe from reloading?
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 ...
1
vote
0
answers
36
views
How to enable tab switch in Golden Layout
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" ...
0
votes
0
answers
30
views
Laravel Livewire with dockling libraries such as golden-layout
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 ...
1
vote
0
answers
124
views
Trouble to save state in golden layout in lastest version (2.6)
according to golden layout documentation for saving and load state is something like that:
myLayout.on( 'stateChanged', function(){
var state = JSON.stringify( myLayout.toConfig() );
...
1
vote
0
answers
175
views
Building vue virtual components with vite
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....
3
votes
1
answer
313
views
newDragSource() does not work in golden-layout 2.6.0
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 ...
0
votes
1
answer
376
views
golden-layout-2 error: Error: Component type not registered and BindComponentEvent handler not assigned
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 ...
1
vote
0
answers
464
views
JavaScript IntersectionObserver Incorrect Behaviour with DOM Layout changes
Expected Behaviour: IntersectionObserver must correctly report the observed component's visibility in the viewport.
Current Behaviour: IntersectionObserver incorrectly reports component as invisible ...
0
votes
1
answer
423
views
Golden Layout Library - How do I access the controlsContainer of a specific component?
I have the following Layout:
myLayout = new GoldenLayout({
content:[{
type: 'row',
content:[{
type: 'component',
componentName: 'testComponent',
...
0
votes
1
answer
690
views
[Quasar v2][vuejs3] use other component in the golden layout
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
- ...
0
votes
2
answers
69
views
How to refer to correct 'this' in nested callback [duplicate]
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) ...
0
votes
0
answers
476
views
Getting error when importing Golden-Layout library to angular
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....
1
vote
1
answer
288
views
GoldenLayout(ipygoldenlayout): How to programmatically change Tabs?
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 ...
0
votes
2
answers
330
views
golden-layout stackCreated not available in Angular
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', (...
0
votes
1
answer
711
views
Programmatically add imported vue to Golden-Layout
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 ...
0
votes
1
answer
283
views
Contex/popup menu is cut on splitter of golden layout
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/)...
2
votes
2
answers
1k
views
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: {
...
1
vote
1
answer
1k
views
Is there a way to get Golden Layout pop-outs working in conjunction with Electron windows?
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 ...
1
vote
0
answers
318
views
setTitle of stack component - Golden Layout
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 ...
0
votes
1
answer
266
views
Get element instance in callback function
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:
...
2
votes
1
answer
875
views
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 ...
1
vote
0
answers
62
views
How to use glEventHub in angular components
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 ...
1
vote
0
answers
1k
views
Golden Layout Dynamic Tabs - Data change on click
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 ...
3
votes
1
answer
870
views
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 ...
1
vote
0
answers
92
views
Kendo Grid within the goldenlayout container
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 ...
2
votes
1
answer
458
views
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 ...
1
vote
2
answers
1k
views
Trying to work with openlayers, Golden Layout, reactjs. But openlayers map only show in 1 window of golden-layout not in other
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-...
0
votes
0
answers
420
views
How to apply CRUD golden-layout with redux and reactjs?
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 ...
6
votes
2
answers
5k
views
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.
...
1
vote
2
answers
394
views
How to add ReactDom to global namespace in Meteor
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 ...
3
votes
2
answers
1k
views
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 ...
0
votes
1
answer
187
views
Reloading data in slickgrid
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 ...
2
votes
0
answers
2k
views
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 ...
1
vote
1
answer
215
views
Python web layout library like Golden Layout
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?
0
votes
1
answer
401
views
Change title attribute dynamically
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 ...
1
vote
2
answers
1k
views
How to hide the particular tab header of goldenLayout
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.
3
votes
2
answers
3k
views
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: [
{
...
4
votes
0
answers
3k
views
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 ...
2
votes
0
answers
1k
views
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 ...
0
votes
1
answer
455
views
Datatables and Golden Layout - .DataTable() not being called on popout
I have a simple DataTable() in a golden layout container:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<script ...
1
vote
2
answers
4k
views
Golden-layout , Having issues while adding items dynamically
Please see the issue:
function newLayOutObj() {
var config = {
settings: {
"hasHeaders": true,
"constrainDragToContainer": false,
"...
1
vote
0
answers
135
views
React this.props.children versus createReactClass
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) ...
1
vote
0
answers
431
views
How to include and use Golden Layout on Angular 2 using ng2-admin theme and folder structure
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-...
4
votes
1
answer
2k
views
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 ...
0
votes
1
answer
208
views
Using Slickgrid Dataview in Goldenlayout
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 ...
3
votes
0
answers
383
views
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, ...
0
votes
0
answers
120
views
How to make golden-layout plunker work?
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 ...
0
votes
1
answer
3k
views
Property 'registerComponent' does not exist on type 'ElementRef'
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' ...
0
votes
0
answers
614
views
export 'DynamicComponentLoader' was not found in '@angular/core
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, ...
2
votes
1
answer
1k
views
A way to prevent Electron's WebView reload when Webview element is moved in containing DOM
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 ...