How to customise the Toolbar so all icons/text fits on one line?

I have a tabbed page that uses a collection of ToolbarItems to be added to the navigation bar. These are added successfully but some are not being displayed due to the amount of ToolbarItems added and the length of text on some of them. I have been researching possible solutions for this problem and haven't had much luck, I was hoping it would be as straight forward as padding, margin or LineBreakModes. The only real solution I have been pondering on is a custom renderer (I have never had to do one and don't really know what they are and if I can even apply a custom renderer to a ToolbarItem/Navigation bar).

I have attached an image to this post to show you an example of what I'm referring to. It cannot fit "Assessment" on one line and the Secondary Toolbar (ellipsis menu) is not being shown.

I've googled this problem a lot and didn't come across any posts similar or any suggested solutions but I apologies if this becomes a duplicated post.

Any help will be massively appreciated :)

Best Answer


  • WReynolds7WReynolds7 Member ✭✭

    Thanks for your answer! We currently have some secondary items at the moment so if there is no code solution your suggestion could be the direction we take.

  • LeonLuLeonLu Member, Xamarin Team Xamurai

    Ok, If the reply is helpful for you, please mark it as answer, it will help others who have similar issue.

  • WReynolds7WReynolds7 Member ✭✭

    It's helpful but not something I haven't already thought about and tried. I didn't want to mark as answered because someone else might be able to provide an alternative solution.

  • LeonLuLeonLu Member, Xamarin Team Xamurai

    Ok, thanks for your update. You can share this solution and mark it here.

Sign In or Register to comment.