menu for button in MAUI

Question

menu for button in MAUI

vovanb 1

In MAUI I want to show menu similar to FlyoutItem example. It will activated as result on pressing button. SwipeItem as alternative approach can not be used since I did not found a way to create multiple menu items (more then two) - it shows only first two.

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-04T09:52:38.507+00:00

You said "it shows only first two", do you mean the same issue reported at GitHub - Shell: Flyout menu items are missing in MAUI windows #9103, and you want to find a workaround, right? (I did a test, it shows 5 item )
You could try to add a button on the toolbar and create a CollectionView then click the button to do some animations to swipe the page.
vovanb 1 Reputation point

2022-11-09T18:00:59.333+00:00

I want to implement below design: when you press on table menu, I open new page with ListView items. Then once you select some item I close the page and return back to item.
I used https://github.com/dotnet/maui-samples/blob/main/6.0/UserInterface/Views/ListViewDemos/ListViewDemos/Views/SelectionPage.xaml example. When user select monkey from the list I update model and call PopAsync.
Now the problem is that I want to update table menu text with selected value. I see model updated, but button show old value. How I can update element when I come back from page?
The binding is not occured.
I also created sample project where Table Menu item is not updated even with assigning text value:
https://github.com/Enghouse-CCSP-PS/UpdateTableView
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-11T10:03:58.987+00:00

I can see you add an ImageCell on the TableView, but you haven't added a select or tap action, I'm confused about how you update table menu text with selected value, could you provide more information?
vovanb 1 Reputation point

2022-11-13T08:55:40.113+00:00

I have ImageCell with name "AvaliableState" . I just added CounterBtn Button on the screen and in it OnCounterClicked event I change AvaliableState.Text = CounterBtn.Text; This is just for demo purpose to confirm the issue. The text of ImageCell does not change and show original "Initial text" which configured in XAML.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-14T09:28:37.333+00:00

I run your sample, it will display "Clicked 1 time" on the Cell when I click the button (The title of the button will be "Clicked 1 time" as well). Is this the behavior you expected? I have to say, I can't reproduce your issue.
vovanb 1 Reputation point

2022-11-14T10:43:13.96+00:00

I expect that table cell value will be updated - it is show Initial Text always
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-15T08:14:57.393+00:00

it works on iOS but not Android, and it will always display "Clicked 1 time" even though I have clicked many times on Android. You could try to set the text though data bindings and check if it works. If you have any other issues, please feel free to let me know.
vovanb 1 Reputation point

2022-11-15T08:23:19.947+00:00

I did originally with data binding - for me on Android it is not display "Clicked 1 time" - only "Initial Text" as you see on screenshot. so looks it is a bug?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-15T08:51:59.647+00:00

Yes, it looks like a bug, you can report it at https://github.com/dotnet/maui.

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-04T09:52:38.507+00:00

You said "it shows only first two", do you mean the same issue reported at GitHub - Shell: Flyout menu items are missing in MAUI windows #9103, and you want to find a workaround, right? (I did a test, it shows 5 item )
You could try to add a button on the toolbar and create a CollectionView then click the button to do some animations to swipe the page.
vovanb 1 Reputation point

2022-11-09T18:00:59.333+00:00

I want to implement below design: when you press on table menu, I open new page with ListView items. Then once you select some item I close the page and return back to item.
I used https://github.com/dotnet/maui-samples/blob/main/6.0/UserInterface/Views/ListViewDemos/ListViewDemos/Views/SelectionPage.xaml example. When user select monkey from the list I update model and call PopAsync.
Now the problem is that I want to update table menu text with selected value. I see model updated, but button show old value. How I can update element when I come back from page?
The binding is not occured.
I also created sample project where Table Menu item is not updated even with assigning text value:
https://github.com/Enghouse-CCSP-PS/UpdateTableView
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-11T10:03:58.987+00:00

I can see you add an ImageCell on the TableView, but you haven't added a select or tap action, I'm confused about how you update table menu text with selected value, could you provide more information?
vovanb 1 Reputation point

2022-11-13T08:55:40.113+00:00

I have ImageCell with name "AvaliableState" . I just added CounterBtn Button on the screen and in it OnCounterClicked event I change AvaliableState.Text = CounterBtn.Text; This is just for demo purpose to confirm the issue. The text of ImageCell does not change and show original "Initial text" which configured in XAML.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-14T09:28:37.333+00:00

I run your sample, it will display "Clicked 1 time" on the Cell when I click the button (The title of the button will be "Clicked 1 time" as well). Is this the behavior you expected? I have to say, I can't reproduce your issue.
vovanb 1 Reputation point

2022-11-14T10:43:13.96+00:00

I expect that table cell value will be updated - it is show Initial Text always
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-15T08:14:57.393+00:00

it works on iOS but not Android, and it will always display "Clicked 1 time" even though I have clicked many times on Android. You could try to set the text though data bindings and check if it works. If you have any other issues, please feel free to let me know.
vovanb 1 Reputation point

2022-11-15T08:23:19.947+00:00

I did originally with data binding - for me on Android it is not display "Clicked 1 time" - only "Initial Text" as you see on screenshot. so looks it is a bug?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2022-11-15T08:51:59.647+00:00

Yes, it looks like a bug, you can report it at https://github.com/dotnet/maui.

Share via

menu for button in MAUI

Your answer