DropDownButton Customization

Hi,

I put a DropDownButton in a Grid Toolbar, but I would like it to keep the standard toolbar button style, that is, without the border, background color, etc., for both enabled and disabled states.

Could you please provide the CSS for this result?

I'm using the Bootstrap4 theme



PS: I opened the post as a Split Button, because there is no DropDownButton in the Control options.


Thank you in advance.

Sérgio Sant'Anna

6 Replies 1 reply marked as answer

AS Aravinthan Seetharaman Syncfusion Team December 21, 2020 12:50 PM UTC

Hi Sergio Sant'Anna, 
  
Thanks for contacting Syncfusion support. 
We have checked your reported query, and we can able to achieve your requirement by using the custom CSS as like below. 
<style> 
 
    .e-btn { 
        /* To change background color of the Button */ 
        background-color: cadetblue; 
        /* To remove border */ 
        border: none; 
        /* To change Text color */ 
        color: black; 
    } 
 
    /* Customization for Disabled Button*/ 
    .e-btn:disabled { 
        background-color: cadetblue; 
        color: black; 
    } 
 
    /* Customization for Button hover */ 
    .e-btn:hover { 
        background-color: cadetblue; 
        color: black; 
    } 
 
     /* Customization for Button focus */ 
    .e-btn:focus { 
        background-color: cadetblue; 
        color: black; 
    } 
 
    /* Customization for active Button*/ 
    .e-btn.e-active{ 
        background-color: cadetblue; 
        border:none; 
        color: black; 
    } 
 
</style> 
 
For your reference, we have prepared sample here: 
  
  
Could you please check the above details, and get back to us, if you need further assistance on this. 
Regards, 
Aravinthan S 


Marked as answer

SS Sergio Sant'Anna December 21, 2020 03:04 PM UTC

This is exactly what I needed.

Thank you!


AS Aravinthan Seetharaman Syncfusion Team December 22, 2020 09:24 AM UTC

Hi Sergio Sant'Anna, 
  
Thanks for the update.   
We are happy to hear that your requirement has been fulfilled. Please feel free to contact us if you need any further assistance on this. 
  
Regards, 
Aravinthan S 



AS Aravinthan Seetharaman Syncfusion Team December 23, 2020 04:57 PM UTC

 Hi Sergio Sant'Anna, 
  
Good day to you. 
Query: I opened the post as a Split Button, because there is no DropDownButton in the Control options. 
Ans: Sorry for not answering to this query. We have DropDownButton component in Blazor, as DropDown Menu. 
Could you please check the above details, and get back to us if you need assistance on this. 
  
Regards, 
Aravinthan S 



SS Sergio Sant'Anna December 23, 2020 08:10 PM UTC

Hi Aravinthan,

Which meant I didn't find DropDownButton in the list of available controls for opening this Thread.

I hadn't noticed that DropDownButton is part of the DropDownMenu that appears on this list.




Thanks for the feedback.


AS Aravinthan Seetharaman Syncfusion Team January 6, 2021 07:43 AM UTC

Hi Sergio Sant'Anna, 
  
Thanks for the update. Please let us know, if you need further assistance on this.
  
Regards, 
Aravinthan S. 


Loader.
Up arrow icon