Pivot chart width does not behave when on tab control

[Ditchford]

Hello

I have a pivot table / chart on a tab control.  The tab control has the property LoadOn="ContentLoad.Init"

In the attached example if you do the following you will see the issue:

1. Run the sample

2. Goto pivot table tab

3. Note pivot table row labels are not actually displayed (annoying but I can work around)

4. Switch to chart view and the width of the chart shrinks dramaticallty

I have found that the chart width can misbehave in multiple scenarios.

Any ideas.

Thanks

Attachment: SyncfusionTroubleshoot_32d7e273.zip

[Saranya Sivan]

Hi Richard, 

  

We considered “Alignment issue in pivot chart when it is inside a tab” as a bug and logged a defect report in our data base. And it will be available in weekly patch release which is estimated to be rolled in the end of April, 2021. 

  

You can track the task in the following link. 

  

https://www.syncfusion.com/feedback/23350/alignment-issue-in-pivot-chart-when-it-is-inside-a-tab 

  

We appreciate your patience until then. 

  

Regards, 

Saranya Sivan. 

[Ditchford]

Hello

Is there a way to reset the chart width to 100% via a button when this happens (without reloading the page). This means that I can at least tell the user to press the refresh button if the chart width misbehaves.

Thank you.

[Saranya Sivan]

Hi Richard, 

  

Kindly set the `LoadOn` property in SfTab tag to "ContentLoad.Demand" to avoid this issue. Meanwhile, we have prepared a sample for your reference. Please find the sample below, 

  

Code Snippet: 

  

<SfTab LoadOn="ContentLoad.Demand"> 

            <TabEvents></TabEvents> 

</SfTab> 

  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/7z/SyncfusionTroubleshoot2056177397 

   

Please let us know if you have concerns. 

   

Regards,  

Saranya.  

[Ditchford]

Hello

Thanks, already tried that.  The problem just moves elsewhere when you do that.  So in the sample that you adjusted, try this:

1. Goto Pivot table, switch to chart view

2. Goto Download tab and press "Download Something"

3. Switch back to Pivot tab and the chart width is compressed.

There are many scenarios where this happens, so its something suss with chart view as I have never seen it happen to the table view.

Thanks

[Saranya Sivan]

Hi Richard,    

We have checked all the possibilities to provide the work around for the reported issue in sample level. To avoid the reported issue kindly set the `LoadOn` property in SfTab tag to "ContentLoad.Dynamic" to avoid this issue. Meanwhile, we have prepared a sample for your reference. Please find the sample below,  

Note: The `ContentLoad.Dynamic` type will create new tab. So, the component will refresh while switching from one tab to another. 

Code Snippet:   

<SfTab LoadOn="ContentLoad.Dynamic">  

            <TabEvents></TabEvents>  

</SfTab>  

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/7z/SyncfusionTroubleshoot-715757248 

Please let us know if you have concerns.     

Regards,   

Saranya.