Resize PivotView without Refresh all component (BUG)

[vitor de Paula]

I need to programmatically set Width and Height of PivotView. 

How can i do this without call method "Refresh", this method force recreate all component.

Other problem is, when i set Width and Height  and call Refresh(), the component start consuming memory indefinitely.

The problem is a spinner global timout cicle never stop even with class 'e-panel-hide' hiding the element.

I acn see the spinner but the execution of "function animateMaterial(spinnerInfo) { " never stop.

Thanks

[Sivamathi Natarajan]

Hi vitor, 

 

Thanks for contacting Syncfusion support. 

 

The method “refresh()” will destroy and re-render the entire control. Also, calling the method isn’t required where the control will be refreshed automatically while changing the “height” and “width” properties dynamically. So, remove the method then check the same. If you still facing the reported memory problem, then turn off (using setProperties option) the control refresh while changing the properties and call the method “layoutRefresh()” to refresh the control manually.  

 

We have prepared a sample with the above mentioned option for your reference which is available in the below link. 

 

Code Example: 

 var button = new ej.buttons.Button({ isPrimary: true }); 

    button.appendTo('#Refresh'); 

    button.element.onclick = function (args) { 

       if (pivotObj.height == 250 && pivotObj.width == '100%') { 

         pivotObj.setProperties({height:500,width: '80%'},true); 

       } 

       else if (pivotObj.height == 500&& pivotObj.width == '80%') { 

          pivotObj.setProperties({height:300,width: '50%'},true); 

       } 

       else { 

        pivotObj.setProperties({height:250,width: '100%'},true); 

       } 

       pivotObj.layoutRefresh(); 

    }; 

 

 

Sample Link: https://stackblitz.com/edit/hhpykz-7n3krw?file=index.js 

 

We hope that the above sample will meet your requirement. 

 

Regards, 

Sivamathi.