1. Home
  2. Forum
  3. Blazor
  4. How to change the color of the Pivot Toolbar?

How to change the color of the Pivot Toolbar?

How to change the color of the dropdowns to whiteScreenshot (373).png


6 Replies
BC Belle Cruz November 22, 2021 08:38 AM UTC

Any update about my query?



MM Manikandan Murugesan Syncfusion Team November 22, 2021 04:09 PM UTC

Hi Belle, 
 
To change the background color of the pivot table's toolbar and dropdown menu, use the CSS below. 
 
CSS: 
<style> 
    .e-menu-wrapper .e-ul, .e-menu-container .e-ul { 
        /* Here you can customize dropdown menu background color*/ 
        background-color: thistle !important; 
    } 
    .e-pivotview .e-pivot-toolbar .e-toolbar-items, .e-pivotview .e-pivot-toolbar .e-btn, .e-pivotview .e-pivot-toolbar .e-menu-item { 
        /* Here you can customize toolbar elements background color*/ 
        background-color: cadetblue !important 
    } 
</style> 
 
Meanwhile, we have prepared a sample for your reference. Please find it from below link. 
 
Please let us know if you have any concerns. 
 
Regards, 
Manikandan 


BC Belle Cruz November 23, 2021 05:19 AM UTC

Thank you 

It works on my toolbar but how about in my dropdown? and when I point the cursor to the toolbar it is still gradient color.Screenshot (401).png


SS Sarasilmiya Shahul Hameed Syncfusion Team November 23, 2021 06:54 AM UTC

I can't open this link that you supported on my query https://www.syncfusion.com/downloads/support/directtrac/170570/ze/SYNCFU~11473507152

BC Belle Cruz November 23, 2021 07:03 AM UTC

Is there any way to change the color of the dropdown chart? I want white instead of gradient.


MM Manikandan Murugesan Syncfusion Team November 24, 2021 08:49 AM UTC

 
Hi Belle, 
 
Please find the response below. 
Query 
Comments 
I can't open this link that you supported on my query https://www.syncfusion.com/downloads/support/directtrac/170570/ze/SYNCFU~11473507152 
Sorry for the inconvenience. Please refer the following sample. 
 
 
Is there any way to change the color of the dropdown chart? I want white instead of gradient. 
The default color of the dropdown menu UI background color with respect to material theme is “white” in the pivot table. And you can modify the background color by using the CSS below for the dropdown menu UI. 
 
CSS: 
<style> 
    .e-menu-wrapper .e-ul, .e-menu-container .e-ul { 
        /* Here you can customize dropdown menu background color*/ 
        background-color: white !important; 
    } 
    .e-pivotview .e-pivot-toolbar .e-toolbar-items, .e-pivotview .e-pivot-toolbar .e-menu-item { 
        /* Here you can customize toolbar elements background color*/ 
        background-color: white !important 
    } 
</style> 
 
Meanwhile, we have prepared a sample for your reference. Please find it from below link. 
 
If still the problem exists, kindly reproduce the problem in the provided sample and revert us (or) send your sample that replicating the problem. This would be a helpful for us to investigate the reported problem at our end and provide the solution at earliest. 
 
 
Please let us know if you have any concerns. 
 
Regards, 
Manikandan 


Loader.
Up arrow icon