How to make bigger configuration window for pivot table

Webix JS
1

How to make bigger configuration window for pivot table? If I have too many fields, I cannot see many of them. The list is not scrollable. I searched the docs but did not find info on this. It should be a problem for others as well.

Great tool, in nay case!

Cheers,
Itso

2

You can include configuration for popup in constructor

webix.ui({
		popup:{
			width:800, height:600
		},
		container:"testA",
                id:"pivot",
		view:"pivot",
                height:400,
                width:1000,
                data:pivot_dataset,
                max: true,
                structure: {
                    rows: ["form", "name"],
                    columns: ["year"],
                    values: [{ name:"oil", operation:["min","sum"]}],
                    filters:[]
                }
	});

popup is based on ui.window, so you can use all its options
http://docs.webix.com/api__refs__ui.window_props.html

3

I tried to adjust width for Fileds column and that is possible with fieldsColumnWidth:“someNumber”

complete popup code is:

popup:{
            width:800,
            height:600,
            fieldsColumnWidth:200
        },
4

Does not work. Where just did not write. https://snippet.webix.com/fi4o9mtv

5

Hello @JeanDaima ,
To change the width of the configuration window you can use popupWidth as

 view: "pivot",
        popup:{
            popupWidth:1800,
  		},
...

Sample: https://snippet.webix.com/gyb02asw

6

Merci!

My sample https://snippet.webix.com/ywzwjchs

How to change the width of the columns?

How to change popupWidth, fieldsColumnWidth when resizing in updateWidth function?

7

Because popup is used two times in the code
Please check the updated snippet: https://snippet.webix.com/plgcgyed

8

I noticed and corrected it. My new sample https://snippet.webix.com/ywzwjchs

How to change the width of the columns?

How to change popupWidth, fieldsColumnWidth when resizing in updateWidth function?

9

The size of columns (filtersLayout, columnsLayout, rowsLayout, valuesLayout) adjust to the free space, but you can resize in two ways:

  • default sizes - onViewInit
  • dynamically - via define by analogy with fieldsLayout
10

how i do it :

onViewInit: function(name, config){
if(name == “fieldsLayout”){
config.view = “unitlist”;
config.width = 400, => works