UWP Phone Device TabbedPage - How to underline selected tab and stretch tabs to fill screen?

ThinkerSabraThinkerSabra USMember ✭✭
edited December 2017 in Cross Platform with Xamarin

Hello all,

I have a cross-platform Xamarin Forms application with a PCL, Android, iOS, and UWP projects. In the UWP project, I am trying to style a tabbed page to where the selected tab is underlined as in the Android project, and the tabs take up the space on the screen regardless of the size of the phone. In the UWP App.xaml I was able to modify the "PivotHeaderItem" style (see code below) in order to change the color and width of the tabs, but the width is currently hard-coded so the tabs fill the screen only on a 5" emulator and the tabs are not underlined. Thanks in advance!

EDIT - Pasting the code is not appearing properly once I post the question - I've attached a text file with the code

Answers

  • ThinkerSabraThinkerSabra USMember ✭✭

    Here are screenshots of the UWP and Android - the Android is the desired look.

  • RakumRakum INMember ✭✭

    you can use boxview for UWP and change color on tab click

  • ThinkerSabraThinkerSabra USMember ✭✭

    @Rakum unfortunately I can't do that. The App.xaml in the UWP project uses WPF XAML so there is no boxview available.

Sign In or Register to comment.