Vertical Scrolling - Add content below visible area and Design UI - Windows Phone 8.1 XAML C# -

i want add vertical scroll-able content page.

i have split vertical space using 5 grid heights of 300 pixels each , added scroll viewer , works fine.

the problem visual studio shows 2 grid heights in xaml visual editor, , remaining 3 goes bottom , nothing visible.

however, if designate items remaining grids using xaml code, in place.

how view them in visual editor , design ui?

thanks.

there might better way, post workaround below.

in <page> specify maximum design height so:

<page     x:class="your_class.mainpage"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:local="using:your_class"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     mc:ignorable="d"     background="{themeresource applicationpagebackgroundthemebrush}"     d:designheight="2000">  

the key thing : d:designheight="your_height"

then can force draw "hidden" content, looks kinda ugly.

for example:

<grid>     <scrollviewer>     <grid height="2000">         <grid.rowdefinitions>             <rowdefinition height="200*"/>             <rowdefinition height="200*"/>             <rowdefinition height="200*"/>             <rowdefinition height="200*"/>             <rowdefinition height="200*"/>         </grid.rowdefinitions>          <grid grid.row="4" background="red">             <border background="red" height="200" width="200" ></border>         </grid>     </grid>     </scrollviewer> </grid> 

will result in