SilverlightShow: Layout controls in Silverlight Comments

RE: Layout controls in Silverlight 2

lnikolov — Thu, 16 Dec 2010 11:35:19 GMT

Hi Abhijit,

The problem is in the following row:

<Grid.RowDefinitions Height="*">

Note that Grid.RowDefinitions has no Height property, although its child elements have.

You should use this to achieve what you intend:

<Grid.RowDefinitions>

<RowDefinition Height="*">RowDefinition>


    <RowDefinition Height="100">RowDefinition>

    <RowDefinition Height="100">RowDefinition>

Grid.RowDefinitions>



RE: Layout controls in Silverlight 3
Abhijit Mane — Mon, 15 Nov 2010 11:30:35 GMT
Hay i did this using silverlight 3,

Bue while execution error has occured...

Error 1 Unexpected ATTRIBUTE in parse rule PropertyElement ::= . PROPERTYELEMENT Content? ENDTAG.. C:\Documents and Settings\Abhijit\My Documents\Visual Studio 2010\Projects\basic s controls\basic s controls\MainPage.xaml basic s controls



please sugest me the soln...

my MainPage,Xaml Code as fallow,

<UserControl x:Class="basic_s_controls.MainPage" 
             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:UserControl="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" 
             mc:Ignorable="d" 
             d:DesignWidth="400" d:DesignHeight="300"> 
    <Grid x:Name="grroot" Background="White" Height="300" Width="400"> 
        <Grid.RowDefinitions Height="*"> 
            <RowDefinition Height="*">RowDefinition> 

            <RowDefinition Height="100">RowDefinition> 

            <RowDefinition Height="100">RowDefinition> 

        Grid.RowDefinitions> 

        <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="*">ColumnDefinition> 

            <ColumnDefinition Width="300">ColumnDefinition> 

        Grid.ColumnDefinitions> 

        <StackPanel x:Name="firstrowfirstcolumn" Background="Aquamarine" Grid.Column="1" Grid.Row="1" Orientation="Horizontal"> 
            <Canvas Width="50" Height="100"> 
                <Button Content="Insert" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content="-:)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

            <Canvas Height="100" Width="50"> 
                <Button Content="Update" Canvas.Left="5" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content=":)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

            <Canvas Height="100" Width="50"> 
                <Button Content="Delete" Canvas.Left="5" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content=":)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

            <Canvas Height="100" Width="50"> 
                <Button Content="Search" Canvas.Left="5" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content=":)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

            <Canvas Height="100" Width="50"> 
                <Button Content="Back" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content=":)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

            <Canvas Height="100" Width="50"> 
                <Button Content="Next" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0">Button> 

                <Button Content=":)" Canvas.Left="20" Canvas.Top="30" Canvas.ZIndex="1">Button> 

            Canvas> 

        StackPanel> 

        <StackPanel x:Name="ThirdRowSecColumn" Grid.Row="2" Grid.Column="1" Background="Honeydew" Orientation="Horizontal"> 
            <Canvas Height="100" Width="100"> 
                <Rectangle Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0" Height="70" Width="20" Fill="BlanchedAlmond">Rectangle> 

                <Ellipse Canvas.Left="8" Canvas.Top="45" Canvas.ZIndex="1" Height="20" Width="70" Fill="Gold">Ellipse> 

            Canvas> 

            <Canvas Height="100" Width="100"> 
                <Rectangle Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0" Height="70" Width="20" Fill="LightBlue">Rectangle> 

                <Ellipse Canvas.Left="8" Canvas.Top="20" Canvas.ZIndex="1" Height="20" Width="70" Fill="Moccasin">Ellipse> 

            Canvas> 

            <Canvas Height="100" Width="100"> 
                <Rectangle Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="0" Height="70" Width="20" Fill="Lavender">Rectangle> 

                <Ellipse Canvas.Left="8" Canvas.Top="55" Canvas.ZIndex="1" Height="30" Width="70" Fill="Lime">Ellipse> 

            Canvas> 

            <StackPanel x:Name="FirstRowSecColumn" Background="Aqua" Grid.Row="0" Grid.Column="1" Orientation="Horizontal"> 
                <TextBlock Text="I Did this">TextBlock> 

            StackPanel> 

        StackPanel> 

    Grid> 

UserControl>


pppppppplllllllllllllleeeeeeeaaaasssssseeeeee.....


RE: Layout controls in Silverlight 2
Kareem — Sat, 24 Apr 2010 23:17:14 GMT
Thanks for the article.


RE: Layout controls in Silverlight 2
Passionate about Silverlight — Mon, 29 Mar 2010 10:26:53 GMT
Nice article,,, just the right dose of information i needed for a startup


RE: Layout controls in Silverlight 2
Jonathan — Fri, 05 Mar 2010 05:33:40 GMT
Thank you for posting these simple articles. It helps n00bs like me :)


RE: Layout controls in Silverlight 2
Arun — Fri, 02 Oct 2009 10:16:44 GMT
Very nice article.  
But I don't like to background image. :(


RE: Layout controls in Silverlight 2
amruta — Mon, 07 Jul 2008 03:30:42 GMT
Its really useful but want to know how scrolling of page is working in SL2


RE: Layout controls in Silverlight 2
nikolayraychev — Tue, 01 Jul 2008 23:33:32 GMT
Thanks for your remark, John. I corrected it.


RE: Layout controls in Silverlight 2
John "Z-Bo" Zabroski — Tue, 01 Jul 2008 11:42:41 GMT

    There are also four more ancestors of the Panel Class: DataGridCellsPresenter, DataGridColumnHeadersPresenter, DataGridDetailsPresenter, DataGridRowsPresenter.

these are not "ancestors".  these are "descendants".  ancestors = parents, not children