This is a migrated thread and some comments may be shown as answers.

RadDropDownButton with custom DropShadowEffect for DropDownContent

3 Answers 154 Views
Buttons
This is a migrated thread and some comments may be shown as answers.
Martin
Top achievements
Rank 1
Martin asked on 14 Nov 2019, 10:20 AM

Greetings,

we're using the RadDropDownButton in order to create menus. Our DropDownContent contains a menu with custom layout. However, customizing the drop down content itself doesn't seem possible.

 

DropDownContent has:

* A fixed background color (Light gray) and cannot be set to transparent

* A fixed DropDownShadow that is cut off when we try to shift position by using PopupPlacementTarget.

 

We would like to modify the DropDownShadow effect a bit to match the UI and add a shape, having an arrow pointing upward, outside the bounds of the DropDownContent.

If the background and DropDownShadow were removeable, we could just implement these features within the content itself. Is there a way to achieve this, currently?

3 Answers, 1 is accepted

Sort by
0
Dilyan Traykov
Telerik team
answered on 18 Nov 2019, 04:09 PM

Hi Martin,

Based on the information you provided I assume you're using either the Material, Fluent or Crystal themes. Please correct me if I'm wrong in this assumption.

If this is indeed the case, you can remove the shadow from the dropdown by setting the attached IsShadowDisabled property:

<telerik:RadDropDownButton mat:MaterialAssist.IsShadowDisabled="True"

As for removing the background from the dropdown, I can suggest two approaches:

1) Modify the default control template of the RadDropDownButton and set the Background of the PopupShadow and DropDownPopupBorder elements to Transparent.

2) Use the approach demonstrated in this SDK example for changing the palette settings per control. You can run this example through our SDK Samples Browser if you wish. You can then replace the AlternativeColor of the palette with a Transparent one.

For your convenience, I've prepared a small sample project which demonstrates both approaches. Please have a look and let me know if any of them works for you.

Regards,
Dilyan Traykov
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Martin
Top achievements
Rank 1
answered on 10 Dec 2019, 08:22 AM

Hi Dilyan,

sorry for the delayed response. I've been looking into your example more deeply. The ThemeExtension class was very helpful, as it doesn't reuire to re-create a template and it works like a cham!

Thank you.

Best Regards,
Martin

0
Dilyan Traykov
Telerik team
answered on 10 Dec 2019, 02:28 PM

Hi Martin,

I'm happy to hear that the suggested approach works for you. Do let me know if I can further assist you with anything else.

Regards,
Dilyan Traykov
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Buttons
Asked by
Martin
Top achievements
Rank 1
Answers by
Dilyan Traykov
Telerik team
Martin
Top achievements
Rank 1
Share this question
or