Power Apps- Curved Dropdown and Date Picker Border Radius

2 steps

Introduction:

As of writing; dropdowns, date pickers and combo boxes under classic and modern controls do not have a border radius property and therefore cannot have rounded edges out-of-the-box. But it is possible with a simple workaround. This tutorial will use a dropdown as an example.

Step 1:

Insert a container. Change the following properties:

Height property

Width property

BorderColor property

RGBA(0, 18, 107, 1)

BorderThickness property

DropShadow property

DropShadow.None

BorderRadius property (RadiusTopLeft, RadiusBottomRight, RadiusTopLeft, RadiusTopRight)

Step 2:

Insert a dropdown inside the container. The dropdown will initially resize based on the size of the container.

Conclusion:

You now have a dropdown with a rounded edge. Change the style of the container and dropdown if you want to have another look.

Did this article help? Let us know how we can improve. Send us a message by clicking the “Contact Us” button below.

Article last updated on Feb 14, 2024

Need expert guidance on Power Apps?