Filter positioning pivot view

[Walter Cook]

How would I move the filter popups vertically and/or horizontally.
Somewhere I must have overridden a default value. See screen shot. 
In this case, the filter pops up higher than the pivot table itself.
How can I bring that lower, at least where the top is aligned to the top of the pivot?

Thanks

 

Attachment: Pivot_VIew_Filter_Position_b237abe5.zip

[Manikandan Murugesan]

Hi Walter, 

The filter dialog position can be modified in the “memberEditorOpen” event. Please refer the following code example. 

 

Code Example: 

    memberEditorOpen(args) { 

        if (this.pivotObj.pivotCommon.filterDialog.dialogPopUp) { 

            this.pivotObj.pivotCommon.filterDialog.dialogPopUp.position.Y = this.pivotObj.element.offsetTop 

        } 

    } 

Meanwhile, we have prepared a sample for your reference. 

Sample: https://stackblitz.com/edit/angular-s7wu1a?file=app.component.ts 

 

Please let us know if you have any concerns. 

Regards, 

Manikandan. 

[Walter Cook]

Thank you for your help.
I can't get that to fire, even in StackBlitz.
My code:

<ejs-pivotview #pivotviewTask1 id='pivotviewTask1'

        [dataSourceSettings]=dataSourceSettingsTask1 width='1000' height='600' [showGroupingBar]=true

        [gridSettings]='gridSettings' showFieldList='true'

    [allowExcelExport]='true' (memberEditorOpen)='memberEditorOpenTask($event)'>

        </ejs-pivotview>

import { PivotViewComponent } from '@syncfusion/ej2-angular-pivotview';

@ViewChild('pivotviewTask1')

    public pivotviewTask1: PivotViewComponent;

    memberEditorOpenTask(args) {

      console.log('fired');

          this.pivotviewTask1.pivotCommon.filterDialog.dialogPopUp.position.Y = 800;

    }

And even in the stackblitz the title of the dialog is cutting off. (See also attached screenshot)

thanks

Attachment: pivot_table_dialog_317127af.zip

[Mouli Eswararao]

Hi Walter, 

 

We have checked the reported issue and we are unable to reproduce it at our end. The member editor event got fired as expected. Please find the sample and screenshots below for your reference. 

 

Sample: https://stackblitz.com/edit/angular-axemhl?file=app.component.html

Screenshot: 

 

If the problem still exists, kindly reproduce the problem in the provided sample and revert us (or) send your sample that replicating the problem. This would be helpful for us to investigate the reported problem at our end and provide the solution at the earliest. 

 

Also, we are glad to inform you that the fix for the issue “Header text not visible properly in popup Field List"  has been included in the weekly release (v19.2.56). Kindly refer the latest pivot package and CDN links for CSS to resolve this issue at your end. 

CDN: https://cdn.syncfusion.com/ej2/19.2.56/material.css  

 

We thank you for your support and appreciate your patience in waiting for this release. Please contact us if you require any further assistance. 

 

Regards,
Mouli