Filter popup size

Question

Hi,How can we control the size of the filter popup in the pivot table. We find it a bit small.

Sastha Prathap Selvamoorthy · Answer

Hi Thierry,You can customize the filter popup size using CSS property. Please refer to the code example below.Code sample: Meanwhile, we have prepared a sample for your reference below.Sample: https://stackblitz.com/edit/lmfggj?file=index.html,index.tsPlease let us know if any concern occurs.Regards,Sastha Prathap S.

Thierry Tremblay · Answer

Thanks you, but is there a way to do this dynamically via Javascript?We might want to have different sizes for different screen resolutions.

AngelinFaithSheeba PaulvannanRajadurai · Answer

Hi Thierry,Please refer the below code example to meet your requirements through
JavaScript.Code Example:index.ts

memberEditorOpen: function () {
      // here you can modify the members editor dialog size based upon the display resolution.
      if (document.getElementById('PivotView').offsetWidth > 960) {
        if (document.getElementById('PivotView_EditorTreeView')) {
          document
            .getElementById('PivotView_EditorTreeView')
            .classList.remove('e-member-editor-dialog');
          document
            .getElementById('PivotView_EditorTreeView')
            .classList.add('e-member-editor-resize');
        }
      } else {
        if (document.getElementById('PivotView_EditorTreeView')) {
          document
            .getElementById('PivotView_EditorTreeView')
            .classList.remove('e-member-editor-resize');
          document
            .getElementById('PivotView_EditorTreeView')
            .classList.add('e-member-editor-dialog');
        }
      }
    }

index.html

.e-member-editor-resize{
          max-height: 700px !important;
          border-radius: 6px;
          max-width: 600px !important;
          width: 500px !important;
          height: 700px !important;
    }

Meanwhile, we have prepared a sample for your reference.Sample: https://stackblitz.com/edit/nupvah-vnetvs?file=index.js,index.htmlPlease let us know if you have any concerns.Regards,Angelin Faith Sheeba.