How to make bigger configuration window for pivot table

edited August 2014 in Technical questions

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

Comments

  • edited August 2014

    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

  • edited February 5

    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
            },
    
  • Does not work. Where just did not write. https://snippet.webix.com/fi4o9mtv

  • 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

  • edited February 5

    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?

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

  • 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?

  • 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

  • how i do it :

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

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!