Xamarin.forms: UWP- titleView causes Primary ToolbarItems being secondary

[EmilAlipiev]

Description

When i use titelView in UWP, all my primary toolbaritems becomes secondary, it is regardless of page implements titleview but also on all other pages

Steps to Reproduce

1. Download attached repro
2. ItemsListpage has titleview, select and item in the list
3. You will be redirect to ItemDetailsPage which has toolbaritem as Search.png, you can see that this toolbar item although primary is, it displays as secondary as in the screenshot below.
4. simply remove the titleview in the Itemspage and run again to see that it is working as primary toolbaritem.

problem might not occur for big screen sizes. But i can simply reproduce it on any screen size smaller than 14 inch. I am guessing that it somehow causes OverFlow although there is plenty of space on the screen still. I played around with new feature SetToolbarDynamicOverflowEnabled on 3.5 but it didnt help

App3.zip

[dontspeak]

I have the same issue in my UWP application. From my point of view this problem exists at least since Xamarin.Forms 3.0. When will it be solved? Thx.

[dontspeak]

Anybody? Do you still habe this bug in mind or is it forgotten?

[bhanupradeept]

I'm also facing the same issue

[dontspeak]

Hello,
a lot uf developers do not understand that Xamarin Forms has a tons of bugs which prevent developers of using XF for their products. You release "fantastic" new XF versions almost each month with a lot of new features, but do not solve bugs that exists since years or since XF exists. You also can not even say when a bug will be fixed. I really liked XF, but I see more and more that you have no prio on bugsolving. I cant understand this kind of strategie at all, and I think there are a lot developers that also cant...
Regards Vasilios

[jfversluis]

I agree it's a bit confusing, but there is a way around this. If you set the SetToolbarDynamicOverflowEnabled to false, the toolbar items won't go into the overflow button. You need to set this on the container page so your NavigationPage, MasterDetailPage etc. in the reproduction, if you go to your App.xaml.cs add this line on line 38 (the usings on top of your class of course):

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.WindowsSpecific;

38: masterDetailNav.On<Windows>().SetToolbarDynamicOverflowEnabled(false);

Now the toolbar icons will remain visible.

[jfversluis]

If this ever needs fixing, we probably want to look at TitleViewManager.UpdateTitleViewWidth and take a look at how the primary items and dynamic overflow work together.

[dontspeak]

Gerald, you are amazing! SetToolbarDynamicOverflowEnabled(false) really works. I hope settings this attribute does not have any drawbacks.

Thank you very much!
Regards Vasilios

[jfversluis]

Glad it worked for you! It shouldn't have any other side-effects. If you do find anything while using this, please don't hesitate to let us know!

[Borjamao]

I agree it's a bit confusing, but there is a way around this. If you set the SetToolbarDynamicOverflowEnabled to false, the toolbar items won't go into the overflow button. You need to set this on the container page so your NavigationPage, MasterDetailPage etc. in the reproduction, if you go to your App.xaml.cs add this line on line 38 (the usings on top of your class of course):

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.WindowsSpecific;

38: masterDetailNav.On<Windows>().SetToolbarDynamicOverflowEnabled(false);

Now the toolbar icons will remain visible.

Not working for me without icons, or not placed on the right place... I tried placing "On().SetToolbarDynamicOverflowEnabled(false);" in a .xaml.cs, immediately after the "InitializeComponent();" and adding the usings... nothing seems to change :(

using Models;
using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;
using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.WindowsSpecific;

namespace Views
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class Login : ContentPage
    {
        public Login()
        {
            InitializeComponent();
            On<Windows>().SetToolbarDynamicOverflowEnabled(false);
             ....
            ToolbarItems.Add(new ToolbarItem("Configuración", "", () => Navigation.PushAsync(new SettingsView())));

[MichaelStgt]

Borjamao,

you need to put the usings and the Platform Specific setting into the Navigation Page to get this work.

I took me days, no weeks, to play around with the AppBarButton and uwp:FormsCommandBar Styles, overriding system colors and never got it working. Give it a try!

[Borjamao]

Borjamao,

you need to put the usings and the Platform Specific setting into the Navigation Page to get this work.

I took me days, no weeks, to play around with the AppBarButton and uwp:FormsCommandBar Styles, overriding system colors and never got it working. Give it a try!

Oh!! thanks a lot!! i'll play with it

[EmilAlipiev]

Gerald, you are amazing! SetToolbarDynamicOverflowEnabled(false) really works. I hope settings this attribute does not have any drawbacks.

Thank you very much!
Regards Vasilios

how did you make it working? can you share your code? I updated my sample but it doesnt work on masterdetailpage

[dontspeak]

how did you make it working? can you share your code? I updated my sample but it doesnt work on masterdetailpage

I have 2 projects, the XAMARIN FORMS project and the according *.UWP project.

In Constructor of MainPage.xaml.cs (file of XAMARIN FORMS Shared project!), Ive added
this.On<Windows>().SetToolbarDynamicOverflowEnabled(false);

Maybe you have added it to the wrong MainPage file?