Powered by MSDN

US - English

Sign In|Join

NEW! Silverlight 5 is available Learn More

Home/Silverlight.NET Forums/Silverlight Design/Designing with Silverlight/content in mainpage

‹ Previous Thread | Next Thread ›

content in mainpage RSS

4 replies

Last post Jul 30, 2010 07:04 PM by sepilrat

(0)
  • sepilrat

    sepilrat

    Member

    57 Points

    160 Posts

    content in mainpage

    Jul 22, 2010 05:45 PM | LINK 

    Hi. I´m trying to design a mainpage using the default bussiness application mainpage.xaml.
    I have changed some things, and now when a page is loaded in the content area, it's seen partialy (there's no scroll, so the content i scutted)
     
    here is my xaml code:
     
    <UserControl 
  x:Class="LaboratoriosSVLRC.MainPage"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
  xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"
  xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  mc:Ignorable="d" d:DesignHeight="480" Width="1102" Height="480">

    <Grid HorizontalAlignment="Left" Margin="0,0,0,-34" Width="1100" Height="552" ScrollViewer.VerticalScrollBarVisibility="Visible">
  	<Grid.RowDefinitions>
  		<RowDefinition Height="0"/>
  		<RowDefinition Height="16"/>
  		<RowDefinition/>
  	</Grid.RowDefinitions>
  	
		<Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}" Margin="75,8,223,-8" Grid.RowSpan="2" Grid.Row="1" >

			<Border x:Name="ContentBorder" Style="{StaticResource ContentBorderStyle}" Margin="1,169,1,8" Height="700">
				<navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}" 
					Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed" Margin="8,36,0,0" BorderThickness="0">
					<navigation:Frame.UriMapper>
						<uriMapper:UriMapper>
							<uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>
							<uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml" />
						</uriMapper:UriMapper>
					</navigation:Frame.UriMapper>
				</navigation:Frame>
				<!--<Image Height="56" Margin="0,20,0,0" Source="head2.jpg" Stretch="Fill" VerticalAlignment="Top"/>-->
			</Border>

			<Grid Style="{StaticResource NavigationOuterGridStyle}" Width="800" Margin="1,0,1,39">
                <Grid.RowDefinitions>
                    <RowDefinition Height="45*" />
                    <RowDefinition Height="469*" />
                </Grid.RowDefinitions>
                <Grid x:Name="NavigationGrid" Style="{StaticResource NavigationGridStyle}" Height="41" Margin="1,82,1,0" Grid.Row="1">
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.602*"/>
						<ColumnDefinition Width="0.284*"/>
						<ColumnDefinition Width="0.114*"/>
					</Grid.ColumnDefinitions>
					<Grid.Background>
						<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
							<GradientStop Color="#FFE3E3F1" Offset="0.033"/>
							<GradientStop Color="#FF17179B" Offset="0.027"/>
						</LinearGradientBrush>
					</Grid.Background>

					<Border x:Name="BrandingBorder" Style="{StaticResource BrandingBorderStyle}" Margin="25,0,0,0">
						<StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}"/>
					</Border>

					<Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}" Grid.Column="2" Margin="0,0,0,-1" Width="2">
						<!--Panel de navegación superior-->
					</Border>
					<StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}" Width="591" Margin="0,5,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2">
						<!--Botón inicio-->
						<HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"  NavigateUri="/Home" TargetName="ContentFrame" Content="Inicio" Width="78" Foreground="#FF181010" />
						<!--Primer divisor-->
						<Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}" />
						<!--Botón equipos-->
						<HyperlinkButton x:Name="LinkEquipos" Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/Equipos" TargetName="ContentFrame" Content="Equipos" Width="79" Foreground="#FF181010" />
						<!--segundo divisor-->
						<Rectangle x:Name="Divider2" Style="{StaticResource DividerStyle}" />
						<!--botón Ensayos-->
						<HyperlinkButton  Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/PageEnsayos" TargetName="ContentFrame" Content="Ensayos" x:Name="LinkEnsayos" Width="78" Foreground="#FF161111" />
						<!--Tercer divisor-->
						<Rectangle x:Name="Divider3" Style="{StaticResource DividerStyle}" />
						<!--botón SeguridadHigiene-->
						<HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/SeguridadHigiene" TargetName="ContentFrame" Content="Seguridad Hig." x:Name="linkSegHig" Width="112" Foreground="#FF141010" />
						<!--Cuarto divisor-->
						<Rectangle x:Name="Divider4" Style="{StaticResource DividerStyle}" />
						<HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/PageRecursosHumanos" TargetName="ContentFrame" Content="RRHH" x:Name="linkRRHH" Width="112"  Foreground="#FF181212" />
                   
						<!--botón RRHH-->
					</StackPanel>
				</Grid>
				<Image Height="85" Margin="1,2,1,0" Source="/Web/Resources/Images/bannerLaboratorio.png" Stretch="Fill" VerticalAlignment="Top" Grid.RowSpan="2" />
                <Grid Height="39" Margin="1,42,1,0" VerticalAlignment="Top" Grid.Row="1">
					<Image Margin="0,-1,0,1" Source="head2.jpg" Stretch="Fill" d:LayoutOverrides="HorizontalMargin"/>
				</Grid>
				<Border x:Name="loginContainer" Style="{StaticResource LoginContainerStyle}" Margin="0,50,8,0" HorizontalAlignment="Right" Width="289" Height="25" VerticalAlignment="Top" Background="{x:Null}" BorderThickness="0" Grid.Row="1">
					<!-- LoginStatus will be added here in code behind. This is required for the designer view to work -->
				</Border>
			</Grid>
		</Grid>

	</Grid>

</UserControl>


     Thanks in advance

  • esite

    esite

    Contributor

    3301 Points

    700 Posts

    Re: content in mainpage

    Jul 22, 2010 08:04 PM | LINK

    Remove the Grid that wraps your LayoutRoot

    Let your first Grid be like below

    <UserControl 
  x:Class="PGP.Yenza.MainPage"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
  xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"
  xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  mc:Ignorable="d" d:DesignWidth="1024" d:DesignHeight="768">

  <Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}">


     

    Anton Swanevelder Blog | LinkedIn | eSite
  • sepilrat

    sepilrat

    Member

    57 Points

    160 Posts

    Re: content in mainpage

    Jul 22, 2010 09:34 PM | LINK

     Thanks for reply.

    I did what you say, but the problem persists. That´s the code modified

    <UserControl 
  x:Class="LaboratoriosSVLRC.MainPage"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
  xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"
  xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  mc:Ignorable="d" d:DesignHeight="480" Width="1102" Height="auto" >

        <Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}" Margin="75,8,223,-8" Grid.RowSpan="2" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Visible">

			<Border x:Name="ContentBorder" Style="{StaticResource ContentBorderStyle}" Margin="1,169,1,8" Height="700">
				<navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}" 
					Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed" Margin="8,36,0,0" BorderThickness="0">
					<navigation:Frame.UriMapper>
						<uriMapper:UriMapper>
							<uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>
							<uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml" />
						</uriMapper:UriMapper>
					</navigation:Frame.UriMapper>
				</navigation:Frame>
							</Border>

			<Grid Style="{StaticResource NavigationOuterGridStyle}" Width="800" Margin="1,3,1,36">
                <Grid.RowDefinitions>
                    <RowDefinition Height="45*" />
                    <RowDefinition Height="469*" />
                </Grid.RowDefinitions>
                <Grid x:Name="NavigationGrid" Style="{StaticResource NavigationGridStyle}" Height="41" Margin="1,82,1,0" Grid.Row="1">
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.602*"/>
						<ColumnDefinition Width="0.284*"/>
						<ColumnDefinition Width="0.114*"/>
					</Grid.ColumnDefinitions>
					<Grid.Background>
						<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
							<GradientStop Color="#FFE3E3F1" Offset="0.033"/>
							<GradientStop Color="#FF17179B" Offset="0.027"/>
						</LinearGradientBrush>
					</Grid.Background>

					<Border x:Name="BrandingBorder" Style="{StaticResource BrandingBorderStyle}" Margin="25,0,0,0">
						<StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}"/>
					</Border>

					<Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}" Grid.Column="2" Margin="0,0,0,-1" Width="2">
						<!--Panel de navegación superior-->
					</Border>
					<StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}" Width="591" Margin="0,5,0,0" VerticalAlignment="Top" Grid.ColumnSpan="2">
						<!--Botón inicio-->
						<HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"  NavigateUri="/Home" TargetName="ContentFrame" Content="Inicio" Width="78" Foreground="#FF181010" />
						<!--Primer divisor-->
						<Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}" />
						<!--Botón equipos-->
						<HyperlinkButton x:Name="LinkEquipos" Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/Equipos" TargetName="ContentFrame" Content="Equipos" Width="79" Foreground="#FF181010" />
						<!--segundo divisor-->
						<Rectangle x:Name="Divider2" Style="{StaticResource DividerStyle}" />
						<!--botón Ensayos-->
						<HyperlinkButton  Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/PageEnsayos" TargetName="ContentFrame" Content="Ensayos" x:Name="LinkEnsayos" Width="78" Foreground="#FF161111" />
						<!--Tercer divisor-->
						<Rectangle x:Name="Divider3" Style="{StaticResource DividerStyle}" />
						<!--botón SeguridadHigiene-->
						<HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/SeguridadHigiene" TargetName="ContentFrame" Content="Seguridad Hig." x:Name="linkSegHig" Width="112" Foreground="#FF141010" />
						<!--Cuarto divisor-->
						<Rectangle x:Name="Divider4" Style="{StaticResource DividerStyle}" />
						<HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="/Paginas/Comunes/PageRecursosHumanos" TargetName="ContentFrame" Content="RRHH" x:Name="linkRRHH" Width="112"  Foreground="#FF181212" />
                   
						<!--botón RRHH-->
					</StackPanel>
				</Grid>
				<Image Height="85" Margin="1,2,1,0" Source="/Web/Resources/Images/bannerLaboratorio.png" Stretch="Fill" VerticalAlignment="Top" Grid.RowSpan="2" />
                <Grid Height="39" Margin="1,42,1,0" VerticalAlignment="Top" Grid.Row="1">
					<Image Source="head2.jpg" Stretch="Fill" d:LayoutOverrides="HorizontalMargin" Margin="0,4,0,-4" />
				</Grid>
				<Border x:Name="loginContainer" Style="{StaticResource LoginContainerStyle}" Margin="0,50,8,0" HorizontalAlignment="Right" Width="289" Height="25" VerticalAlignment="Top" Background="{x:Null}" BorderThickness="0" Grid.Row="1">
					<!-- LoginStatus will be added here in code behind. This is required for the designer view to work -->
				</Border>
			</Grid>
		</Grid>

	<!--</Grid>-->

</UserControl>
     
     
    Thanks in advance


  • Frank Lan

    Frank Lan

    All-Star

    19369 Points

    2154 Posts

    Microsoft

    Re: content in mainpage

    Jul 26, 2010 02:23 AM | LINK

    Hi,

    Please try to remove the Height of ContentBorder, then you will see scroll bar. Thanks 

    Frank Lan
    Microsoft Online Community Support

    Please remember to mark the replies as answers if they help and unmark them if they provide no help.
  • sepilrat

    sepilrat

    Member

    57 Points

    160 Posts

    Re: content in mainpage

    Jul 30, 2010 07:04 PM | LINK

    Thanks ! 


‹ Previous Thread | Next Thread ›

More...

Site

MSDN

Feedback

Microsoft

Follow Us

Twitter Facebook