question

AliNoshahi avatar image
0 Votes"
AliNoshahi asked ·

Scrollable Pivot with header

Hi there, I want to have a Pivot with a scrollable header so I made a style for my self like below

3041-pivotstyle.txt

And using this style I can have a header in my pivot using Tag property

     <Pivot>
         <Pivot.Tag>
                  <TextBlock Text="Hear is my header"/>
         </Pivot.Tag>
         <PivotItem Header="P1">
         </PivotItem>
         <PivotItem Header="P2">
         </PivotItem>
     <Pivot>

But I have little problems with this style 1. I can't scroll the header and when I put all the pivot in the ScrollViewer while I have an Incremental loading list inside my pivot items it will cause infinite loading of the content. It will call LoadMore function with no delay and load more and more every second 2. If I have a header with height > PageFrameHeight it will show a blank page to me. like the screenshots below:

3031-screen.png

Is there any good style or control for solving my problem? And for helping in answering I have to say my application "Winsta" Minimum target version is 14393 (Anniversary Update) and Target is 18362 or 19H1 update. Also, I'm using Microsoft.Toolkit.UWP.UI.Controls package V2.2.0

uwpuwp-xaml
screen.png (261.5 KiB)
pivotstyle.txt (33.8 KiB)
· 9
10 |1000 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi, Can you provide a minimum runnable demo so that we can reproduce your problem? I tried your style and it doesn't show Pivot.Tag on the UI. In addition, if your Content uses a WebView, then the scrolling of the WebView is independent and not controlled by the external ScrollViewer. You are actually scrolling the content of the WebView, not the control.

0 Votes 0 · ·
AliNoshahi avatar image AliNoshahi RichardZhang-MSFT ·

yes, I can but it needs a little time. I will try to create a sample for you ASAP

0 Votes 0 · ·

Sure, I'll be waiting for you.

1 Vote 1 · ·
Show more comments

0 Answers