Treemap in dashboard not resizing correctly if the browser is switched to full screen

[Sheldon Parkes]

Title says it all. I have a dashboard with three panels. The two panels with bar graphs resize correctly if the browser is toggled to full screen. The treemap doesn't. Similarly if the browser opens in full screen and then is toggled ( using the widget in the top right corner ) to not full screen the treemap again doesn't resize correctly.

[Indumathi Ravi]

Hi Sheldon, 

Thank you for contacting Syncfusion support. 

We can resolve the reported scenario by calling the “RefreshAsync” method of TreeMap component in the “OnResizeStop” and “OnWindowResize” events of DashboardLayout component when TreeMap is rendered inside the Dashboard Layout. But, we are currently facing an issue while calling the “RefreshAsync” method. So, we have considered this as a defect and logged a defect report for the same. However, we will include the fix for the reported issue in our weekly patch release which is expected to be available by the first week of March 2022. Please find the below feedback link to keep track of the reported issue. 

https://www.syncfusion.com/feedback/32846/ 

Regards, 

Indumathi R.

[Indumathi Ravi]

Hi Sheldon, 

Sorry for the inconvenience. 

We have not included the fix for the reported issue in our weekly patch release. However, the fix will be included in our next weekly patch release, which is expected to be available by next week. 

Regards, 

Indumathi R.

[Indumathi Ravi]

Hi Sheldon, 

 

Thank you for your patience. 

 

We have fixed the reported issue in the TreeMap component and included the fix in our weekly patch release(v19.4.55). Please update the "Syncfusion.Blazor.TreeMap" package in your application to resolve the reported issue. Please find the link of the package below. 

https://www.nuget.org/packages/Syncfusion.Blazor.TreeMap 

  

When the TreeMap component is rendered within the panel of the Dashboard layout, the size of the TreeMap is not got properly from the panel of the Dashboard layout. The same issue is reproduced in the drag and resize of the panel. To resolve this issue, we need to call the “RefreshAsync” method in the “OnResizeStop” and “OnWindowResize” events of Dashboard layout. Please find the code snippet below. 

  

Code Snippet: 

<SfDashboardLayout> 

       <DashboardLayoutEvents  OnResizeStop="@ResizingHandler"          

         OnWindowResize="@ResizingHandler"> 

       </DashboardLayoutEvents> 

        <DashboardLayoutPanels> 

               <DashboardLayoutPanel> 

               <ContentTemplate> 

                     <SfTreeMap ID="Treemap" @ref="Treemap" Height="100%"> 

                   </SfTreeMap> 

              <ContentTemplate> 

          </DashboardLayoutPanel> 

    </DashboardLayoutPanels> 

</SfDashboardLayout> 

@code { 

   SfTreeMap<Country> Treemap; 

     

    public async void ResizingHandler() 

    { 

       Treemap.RefreshAsync(); 

    } 

 } 

 

  

We have created a sample to demonstrate the same and it can be downloaded from the below link. 

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

Screen Capture (Video):  https://www.syncfusion.com/downloads/support/directtrac/general/ze/Treemap-1417957855 

Please let us know if you need any further assistance. 

 

Regards, 

Indumathi R.