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
SIGN IN To post a reply.
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.
SIGN IN To post a reply.
- 6 Replies
- 2 Participants
- Marked answer
-
SS Sergio Sant'Anna
- Dec 18, 2020 02:49 PM UTC
- Jan 6, 2021 07:43 AM UTC