Chart width on Pivot Chart when on Tab Control

[Ditchford]

Hello

I am having issues with the pivot chart width on a tab control in the following scenario (see attached sample):

• Goto Pivot Table on Tab on menu
• Wait for the tab control to load then goto Pivot Tab
• Goto the chart dropdown and select column
• The chart changes to approx 40% width

I have had similar issues in the past: Pivot table on tab control in 18.4 - display issues when LoadOn="ContentLoad.Init" is used | Blazor Forums | Syncfusion

Would appreciate your feedback.

Many thanks

Attachment: SyncfusionTroubleshoot_83ac228b.zip

[Mouli Eswararao]

Hi Richard,  

  

To overcome the above reported alignment issue we have introduced a public method “LayoutRefresh()” to refresh the pivot component manually at sample level. Call this public method on Tab’s Selected event to resolve your issue. Please find the sample code below for reference. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionTroubleshoot1308618124   

  

public async Task CallStateHasChanged()  

{  

                if (PivotView != null)  

                {  

                                await PivotView.LayoutRefresh();  //  Method used to refresh the component UI.  

                }  

}  

 

  

Please let us know if you have any further queries, we are happy to assist you.

Regards, 

Mouli