xaml - UWP ScrollViewer inside a SplitView.Content not scrolling -


i´m trying build uwp app , have follow components:

mainpage:

<grid background="{themeresource applicationpagebackgroundthemebrush}">      <grid.rowdefinitions>         <rowdefinition height="50"/>         <rowdefinition height="auto"/>         <rowdefinition height="*"/>     </grid.rowdefinitions>      <stackpanel name="titulostackpanel" orientation="horizontal">         <button name="hamburguerbutton" content="&#xe700;" fontfamily="segoe mdl2 assets" height="50" width="50" click="hamburguerbutton_click"/>         <textblock name="titulo" text="estrutura de dados" verticalalignment="center" margin="10"/>     </stackpanel>      <splitview name="principalsplitview" displaymode="compactoverlay" ispaneopen="false"                compactpanelength="50" openpanelength="200" grid.row="1">         <splitview.pane>             <stackpanel>                 <stackpanel orientation="horizontal">                     <button name="listasbutton" content="l" width="50" height="50" click="listasbutton_click"/>                     <textblock text="listas" verticalalignment="center" margin="10"/>                 </stackpanel>                 <stackpanel orientation="horizontal">                     <button name="pilhasbutton" content="p" width="50" height="50"/>                     <textblock text="pilhas" verticalalignment="center" margin="10"/>                 </stackpanel>                 <stackpanel orientation="horizontal">                     <button name="filasbutton" content="f" width="50" height="50"/>                     <textblock text="filas" verticalalignment="center" margin="10"/>                 </stackpanel>             </stackpanel>         </splitview.pane>         <splitview.content>             <textblock text="splitview content" verticalalignment="center" horizontalalignment="center"/>         </splitview.content>     </splitview> </grid> 

the next page loaded inside content of splitview.

<page>   <grid>    <grid.columndefinitions>     <columndefinition width="*"/>     <columndefinition width="200"/>   </grid.columndefinitions>      <scrollviewer background="cyan" grid.column="1" verticalscrollbarvisibility="auto">       <relativepanel padding="20" maxheight="700" verticalalignment="top">         <a lot of components: textblocks, textboxes, radiobuttons, ... />       </relativepanel>     </scrollviewer>   </grid> </page> 

the scrollviewer should work toolbar on right side of window. when resize window, vertical scroll not works.

full screen: page in full screen

resized: page resized

the problem because splitview in row <rowdefinition height="auto"/>. makes splitview higher screen , not scroll result.
use <rowdefinition height="*"/> row make high screen is.

<grid.rowdefinitions>         <rowdefinition height="50"/>         <rowdefinition height="*"/> </grid.rowdefinitions>  <splitview grid.row="1">     .... </spitview> 

Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -