Popups are nice, add an option to have Rounded Corners as that's more appealing and provides a distinct look

[egvijayanand]

Popups are nice, add an option to have Rounded Corners as that's more appealing and provides a distinct look and feel.

And now almost every platform has implemented rounded corners in their UI shell including Windows.

[VladislavAntonyuk]

we need to check if the platform API supports rounded corners.
By the way, you can add it manually:

1. Set the Transparent background color of the Popup
2. Add rounded corners to your view

[TheCodeTraveler]

If we are able to do it, we should ensure IPopup inherits from ICornerElement

[pictos]

And how about using the Border control? Not sure if that's possible TBH

[GeorgeLeithead]

In the proposed AvatarView that I'm contributing to, the parent control is Border and we are also inheriting from ICornerElement. It all appears to work well, when setting the StrokeShape (of the Border) to a RoundRectangle and then defining the CornerRadius. Only real issue I have found so far, is that clipping images on Windows has an issue Issue in clipping images in Border.

[egvijayanand]

Have another question, have used the single instance of XCT Popup that does not return any value, like a busy indicator, and the Dismiss() method would hide the popup from View.

Whereas when the same scenario is attempted with MAUI Popup, after invoking the near equivalent Close() method the instance gets disposed of.

Is this intentionally modified behavior or would be addressed in the later previews/GA version?

[egvijayanand]

Surrounded my Popup content with a Frame with some CornerRadius and Shadow property set to true.

But since Popup inherits from Element and not VisualElement, hence no BackgroundColor property available to modify it.

Kindly look into it.

[VladislavAntonyuk]

Use Color instead of BackgroundColor: https://github.com/CommunityToolkit/Maui/blob/main/samples/CommunityToolkit.Maui.Sample/Views/Popups/TransparentPopup.xaml

[egvijayanand]

It works. The background is transparent now.

Can this be made as a built-in feature supported by inheriting Popup from ICornerElement also so that adding an additional view into the Visual Tree can be avoided, Frame in this case?

[pictos]

@egvijayanand did you try using the Border control?

[egvijayanand]

Using Border control pushes the Content with CornerRadius into the background and is not appealing as using Frame.

[egvijayanand]

Rounded corners not working with the .NET MAUI GA release and its compatible v1.0.0 release of CommunityToolkit.Maui package.

The same code worked fine in the earlier version providing a rounded corner effect for the Popup.

@jfversluis @pictos @brminnick

[bijington]

@egvijayanand if they are not working can you please open an issue from this discussion?

[egvijayanand]

Sure.

[bijington]

Great thanks

[Orgbrat]

Have we determined how to properly get rounded corners with MCT popups?

[egvijayanand]

• Set the Popup Color (=BackgroundColor property) to Transparent.
• Then use either Frame / Border to enclose the UI content with Rounded Corners

[CliffAgius]

Closed as answered