background na tela toda

Question

eu estou com dificuldade no seguinte problema tenho uma aplicacao no qual o grid tem o tamanho de 1024x1440,centralizei o layout, agora gostaria de jogar uma cor nas laterais.Sendo que esta tudo centralizado e nas laterais estao brancos ha como mudar isso ?

 

 

 

Answer 1

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Class="teste.MainPage"
    mc:Ignorable="d"
    d:DesignHeight="1440  " d:DesignWidth="1007  " Margin="0,-4,0,0" Foreground="{x:Null}">
    <UserControl.Resources>
        <DataTemplate x:Key="nomeTemplate">
            <StackPanel>
                <Image Source="{Binding nome}" HorizontalAlignment="Left" Height="64" Width="64"/>
            </StackPanel>
        </DataTemplate>
    </UserControl.Resources>
    <UserControl.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="#FFF34E29" Offset="1"/>
        </LinearGradientBrush>
    </UserControl.Background>

    <ScrollViewer DataContext="{Binding Source={StaticResource prod}}" >
        <Grid x:Name="LayoutRoot" Width="1007" Height="1440" Margin="0" RenderTransformOrigin="0.504,0.528">
            <Grid.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="0"/>
                    <GradientStop Color="#FFA5E8E9"/>
                    <GradientStop Color="#FFE6F1F1"/>
                    <GradientStop Color="#FFC4ECEC"/>
                    <GradientStop Color="#FFA5E8E9"/>
                    <GradientStop Color="#FFA5E8E9"/>
                    <GradientStop Color="#FFC5ECEC"/>
                    <GradientStop Color="#FFCDEDED"/>
                    <GradientStop Color="#FFA5E7E8"/>
                    <GradientStop Color="#FFD8EEEE"/>
                    <GradientStop Color="#FFCCECEC"/>
                    <GradientStop Color="#FFC9EBEB"/>
                    <GradientStop Color="#FFB3E9E9"/>
                    <GradientStop Color="#FFBAE9EA"/>
                    <GradientStop Color="#FFA5E7E8"/>
                    <GradientStop Color="#FFA5E7E8"/>
                    <GradientStop Color="#FFA6E7E8"/>
                    <GradientStop Color="#FFB2E8E9"/>
                    <GradientStop Color="#FFA5E7E8"/>
                    <GradientStop Color="#FFB2E9EA"/>
                    <GradientStop Color="#FFD6EDED"/>
                    <GradientStop Color="#FFD2ECEC"/>
                </LinearGradientBrush>
            </Grid.Background>
            <Rectangle Height="126"   Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="1007" Fill="#FF3D8BB6"/>
            <Rectangle HorizontalAlignment="Right" Height="1" Margin="0,125,-122,0" Stroke="#FF55D5E5" VerticalAlignment="Top" Width="6">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FF56D5E5" Offset="0.5"/>
                        <GradientStop Color="#FF56D5E5" Offset="0.494"/>
                        <GradientStop Color="#FF10F9F4"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle HorizontalAlignment="Left" Height="154" Stroke="#FF55D5E5" VerticalAlignment="Top" Width="147" Margin="0,274,0,0"/>
            <Rectangle Fill="#FF3D8BB6" HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,274,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="46,278,0,0" TextWrapping="Wrap" Text="Menu" VerticalAlignment="Top" FontWeight="Bold" Foreground="#FFF1E8E8"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,296,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,302,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,318,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,324,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,339,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,345,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,361,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,367,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,383,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,389,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="146" Margin="1,405,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Categoria" HorizontalAlignment="Left" Margin="35,411,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <sdk:DataGrid Margin="147,274,148,489" ItemsSource="{Binding Collection}" AutoGenerateColumns="False" AlternatingRowBackground="{x:Null}" HorizontalGridLinesBrush="#FFEB2C0D" VerticalGridLinesBrush="#FFF70A0A" GridLinesVisibility="Horizontal">
                <sdk:DataGrid.BorderBrush>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF3D8BB6" Offset="1"/>
                    </LinearGradientBrush>
                </sdk:DataGrid.BorderBrush>
                <sdk:DataGrid.Columns>
                    <sdk:DataGridTemplateColumn CellTemplate="{StaticResource nomeTemplate}" Header=""/>
                    <sdk:DataGridTextColumn Binding="{Binding senha}" Header=""/>
                </sdk:DataGrid.Columns>
            </sdk:DataGrid>
            <TextBlock HorizontalAlignment="Left" Margin="19,39,0,0" TextWrapping="Wrap" Text="Center" VerticalAlignment="Top" FontWeight="Bold" Foreground="#FFF5EFEF" FontSize="13.333"/>
            <TextBlock HorizontalAlignment="Left" Margin="70,39,0,0" TextWrapping="Wrap" VerticalAlignment="Top" FontWeight="Bold" Foreground="#FF3B3838" FontSize="13.333"><Run Text=" "/><Run Text="Soft"/></TextBlock>
            <TextBlock HorizontalAlignment="Left" Margin="32,59,0,0" TextWrapping="Wrap" Text="Solutions" VerticalAlignment="Top" FontWeight="Bold" Foreground="#FFF5EFEF" FontSize="10.667"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="99" Margin="0,103,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Home" HorizontalAlignment="Left" Margin="24,109,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
            <Rectangle HorizontalAlignment="Left" Height="23" Stroke="#FF3D8BB6" VerticalAlignment="Top" Width="80" Margin="99,103,0,0">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="#FFEFECEC"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <HyperlinkButton Content="Ofertas" HorizontalAlignment="Left" Margin="115,109,0,0" VerticalAlignment="Top" Background="{x:Null}" Foreground="#FF433A3A"/>
        </Grid>
    </ScrollViewer>
</UserControl>

Answer 2

Opa,

Pelo que entendi, você gostaria de alterar o background da página onde a aplicação Silverlight está hospedada...

Se for isso, vá para a página onde está hospedada a sua aplicação SL (HTML ou ASPX)...
Lá no código fonte da página existirão vários parâmetros respectivos à sua aplicação, um deles é o "Background ".
Por padrão ele é "White", basta alterar sua propriedade value para o valor que deseja.

Forte abraço.