dotnet / dotnet/maui

Customizable Flyout or Flyout for MenuItem

Open
#3,292 1 comment 3 reactions 0 assignees View on GitHub
area-controls-toolbar proposal/open t/enhancement ☀️
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 15h
Merged PRs (30d)
290

Description

## Summary
The ToolbarItem in Xamarin Forms is not really customizable, you cannot change background color without pain and does not really support svg icons and path data geometry. I hope this features will be added to MAUI Control. So that we can fully customize the look and show flyout at any position of screen. Here is the sample for UWP Xaml Flyout.

## Intended Use Case
```
































```
Show to the specific position by finding the ui location.
```
private void iconDataGrid_RightTapped(object sender, RightTappedRoutedEventArgs e)
{
var data = (sender as FrameworkElement).DataContext;
if (data != null && data is PathIcon)
{
var tappedItem = (UIElement)e.OriginalSource;
var attachedFlyout = (Flyout)FlyoutBase.GetAttachedFlyout(this.rootGrid);
attachedFlyout.ShowAt(tappedItem, e.GetPosition(tappedItem));
}

}
```
Results
![XAML Path Icons 11_6_2021 4_58_59 PM](https://user-images.githubusercontent.com/73583588/140604129-e1e0a164-868d-4603-bc61-c5a55de38dcb.png)

Contributor guide

Open the contributing guide

Research direction

No repository files or tests are named. Start by reading the MAUI ToolbarItem and Flyout APIs, then compare the requested behavior with the provided UWP XAML and ShowAt example; done would require a defined customizable menu flyout with configurable appearance, SVG or path icons, and positioning support.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp, xml
Domain
frontend, mobile-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.