SilverlightShow: Using the StackPanel control in Silverlight Comments

RE: Using the StackPanel control in Silverlight

Pragati — Thu, 21 Apr 2011 14:21:56 GMT

Very useful article and easy to understand....Thank you......

RE: Using the StackPanel control in Silverlight 2 Beta 1

Doan Huynh — Wed, 02 Jun 2010 10:50:18 GMT

Thanks, it is useful for me

RE: Using the StackPanel control in Silverlight 2 Beta 1

Kareem — Sun, 25 Apr 2010 00:06:03 GMT

Thank you for this tutorials

RE: Using the StackPanel control in Silverlight 2 Beta 1

kabul_hussain@infosys.com — Fri, 09 Oct 2009 17:00:07 GMT

Thank u very much.

RE: Using the StackPanel control in Silverlight 2 Beta 1

Nabeel — Wed, 12 Aug 2009 14:26:11 GMT

very useful article for newbies.

RE: Using the StackPanel control in Silverlight 2 Beta 1

Enrai — Tue, 27 Jan 2009 07:03:38 GMT

You're welcome ;)

Using the StackPanel control in Silverlight 2 Beta 1

Sasko — Sun, 25 Jan 2009 19:44:33 GMT

Thanks

RE: Using the StackPanel control in Silverlight 2 Beta 1

Enrai — Thu, 18 Sep 2008 07:34:56 GMT

If you want to do this using a StackPanel you must set the width of the three buttons to fixed values, calculating how much has left for the middle one, because it's not possible a control to take all the available width in a StackPanel with horizontal orientation. The StackPanel uses so much space for a control as it needs, for example the width of the button, if not set, depends on the lenght of its content, an empty Grid control is not displayed. The same goes for the height and the vertical oriented StackPanel. And I think that's a correct behavior, because the controls are placed one after another in the stack and after the second button is placed how can its width be determined when there are othere controls on the line waiting to be placed in the panel. But there is a Layout control that will do this job for you - the Grid control. You can use a grid with 3 columns and one row like this one:

    <Grid Background="Black" Width="400" Height="300">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="80">ColumnDefinition>

            <ColumnDefinition Width="*">ColumnDefinition>

            <ColumnDefinition Width="80">ColumnDefinition>

        Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition Height="*">RowDefinition>

        Grid.RowDefinitions>

        <Button x:Name="Left" Content="Left Button" Grid.Row="0" Grid.Column="0" >Button>

        <Button x:Name="Middle" Content="Middle Button" Grid.Row="0" Grid.Column="1">Button>

        <Button x:Name="Right" Content="Right Button" Grid.Row="0" Grid.Column="2">Button>

    Grid>

The Grid control allows a column to take all the space available. You can do that by setting it's width to "*" and the same goes for the row and its height. The button also have no restrictions for its width and height by the Grid control so it takes all of the available place in the cell.

Hope that helps you! ;)

RE: Using the StackPanel control in Silverlight 2 Beta 1

Terrence K. — Wed, 17 Sep 2008 17:29:34 GMT

Look at your first example with Orientation="Horizontal" and notice how the boxes are tall and skinny. Please show an additional example with three buttons where the middle button fills the space and the first/last buttons have a fixed width.

RE: Using the StackPanel control in Silverlight 2 Beta 1

Arun Vijai — Mon, 09 Jun 2008 23:23:50 GMT

A simple cute article on the basics of stackpanel, expecting the next article from you.

RE: Using the StackPanel control in Silverlight 2 Beta 1

Raju — Wed, 04 Jun 2008 22:01:42 GMT

Thank u so much . now i am under stand the stack panel Use. it is help ful to me.

RE: Using the StackPanel control in Silverlight 2 Beta 1

Minh — Fri, 16 May 2008 09:58:39 GMT

Thank you! It's helpful for me