SilverlightShow: Using the Grid control in Silverlight Comments

Re: Using the Grid control in Silverlight

NareshRavlani — Thu, 25 Jul 2013 16:47:06 GMT

In my layout position, I want a column on left side of my content which should work as margin only. This column should be minimized to width of 0 when browser is minimized and should be maximized to 100 when browser is maximized. I tried with width = "*" MinWidth = "0" and MaxWidth="100" but this is not working as there is no content in the column.

Please suggest me any idea.
thanks in advance...!!

Re: Using the Grid control in Silverlight

JunwenGa — Sun, 24 Jul 2011 15:47:09 GMT

great resource. explained very well

RE: Using the Grid control in Silverlight

Rafik Mondal — Tue, 26 Apr 2011 14:03:20 GMT

This good article

RE: Using the Grid control in Silverlight

Prasanna Padkil — Mon, 11 Apr 2011 12:18:04 GMT

Very nice article for Beginners..Thanks a lot!!

RE: Using the Grid control in Silverlight

bpS Rajput — Thu, 30 Dec 2010 07:27:07 GMT

Thanks a lot, It was very helpfull for me.

RE: Using the Grid control in Silverlight

lnikolov — Wed, 22 Dec 2010 17:50:00 GMT

The article has been updated to the latest version of Silverlight and Visual Studio.

RE: Using the Grid control in Silverlight 2

Gavin — Mon, 20 Dec 2010 14:27:39 GMT

Very helpful... was getting myself in knots over here :)

RE: Using the Grid control in Silverlight 2

Santosh — Tue, 07 Dec 2010 12:28:41 GMT

thnx it was very helpfull........

RE: Using the Grid control in Silverlight 2

XYZ — Fri, 10 Sep 2010 00:53:55 GMT

is it possible to reteive a control at a particular row and column ?

RE: Using the Grid control in Silverlight 2

arun — Fri, 27 Aug 2010 17:58:21 GMT

how to add controls dynamically from codebehind to Grid using MVVM

RE: Using the Grid control in Silverlight 2

Kareem — Sat, 24 Apr 2010 23:40:14 GMT

Thanks

RE: Using the Grid control in Silverlight 2

Charu — Wed, 26 Aug 2009 09:46:53 GMT

Good Artical

RE: Using the Grid control in Silverlight 2

nikolayraychev — Tue, 26 May 2009 07:40:08 GMT

Kannan, you can try the following:

                    this.grdLayoutRoot.ColumnDefinitions[1].Width = new GridLength(200);         

Sonal, SetRow will apply to the Grid into which the control is. In my examples above you can see that the Button and the Rectangle are into the Grid.

For dynamically adding rows you can try the following:

                    RowDefinition rd = new RowDefinition();         
            rd.Height = new GridLength(50);         
            this.grdLayoutRoot.RowDefinitions.Add(rd);         

For dynamically adding controls to the Grid you can try:

                    Button btn = new Button();         
            btn.Content = "New Control";         
            this.grdLayoutRoot.Children.Add(btn);         
            Grid.SetRow(btn, 1);         
            Grid.SetColumn(btn, 1);         

Daniel, may be your solution will work in Silverlight 3. I tried it in Silverlight 2 but it did not work for me.

RE: Using the Grid control in Silverlight 2

daniel.valenzuela.a — Mon, 25 May 2009 18:41:26 GMT

it is possible give an specific position in a row/column to a control using an id, and not the position of the row/column

example -->

if i want to make a change adding a new row/column will be slow change the position to every control created.

RE: Using the Grid control in Silverlight 2

Sonal — Tue, 31 Mar 2009 02:49:00 GMT

Grid

.SetRow(), if I have two grids in my page then to which grid SetRow() will be applied. I want to add dynamic controls
to a row in grid and also want to add rows dynamically to a grid. Can you please let me know if you have any idea?

RE: Using the Grid control in Silverlight 2

Kannan — Wed, 25 Mar 2009 09:43:10 GMT

Thanks for this article.
Is it possible to dynamically vary the width of one column of a Grid. I want the Gird of 4 * 4 structure. In this i want the 2nd column of the 1st row to vary in its width based on user's selection. Is that possible to set it in the code behind ?

RE: Using the Grid control in Silverlight 2

RobeK — Wed, 25 Mar 2009 06:09:55 GMT

Set Horizontal- and VerticalAlignment to Left/Top. Default for Grid seems to be stretch.

RE: Using the Grid control in Silverlight 2

Mark — Thu, 05 Mar 2009 04:01:20 GMT

Thanks for the article.

Is it possible for the grid to resize to automatically fit just the size of its contents. e.g I have a grid like the following:

Currently it takes up the full space of its parent canvas. The last column ignores the width specified (30) and stretches to the entire canvas. I want the grid size to be just the size of the textbox + the 30 either side.

Thanks

RE: Using the Grid control in Silverlight 2

Rohan — Fri, 20 Feb 2009 02:30:27 GMT

Nice Article

RE: Using the Grid control in Silverlight 2

nikolayraychev — Thu, 09 Oct 2008 06:56:58 GMT

Hi ohaiyo,

I can't find any property of the Grid which defines a grid lines brush.

An easy workaround may be to hide the grid lines and to put a Border control in each "cell".

Nikolay

RE: Using the Grid control in Silverlight 2

ohaiyo — Thu, 09 Oct 2008 02:24:42 GMT

i want to create table with solid border. how do? thank you!

(i want to place custom UserControl in each cell of table)

RE: Using the Grid control in Silverlight 2

ohaiyo — Thu, 09 Oct 2008 02:12:23 GMT

How to set dashed of the grid to solid?

gomienie@gmail.com

RE: Using the Grid control in Silverlight 2

nikolayraychev — Mon, 04 Aug 2008 01:12:07 GMT

Thanks for your comment, Vijaykumar.

There is no object for the Grid cell. But a solution may be to put a Canvas like the example in the previous comment and customize it dynamically. The Canvas will act as a table cell and you can access it from the code behind. You are not limited in putting a Canvas. You can put another layout control.

RE: Using the Grid control in Silverlight 2

Vijaykumar Channakeshava — Sun, 03 Aug 2008 21:23:03 GMT

Is it possible to customize cell wise rather than column wise dynamically?

RE: Using the Grid control in Silverlight 2

nikolayraychev — Thu, 10 Apr 2008 06:15:00 GMT

Hi Mariusz,

We do not have an object for the Grid cell, but we can easily highlight a cell when the mouse is over by putting a Canvas in it. The following example demonstrates it:

XAML:

<UserControl x:Class="HighlightGridCellOnMouseOver.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300">

<Grid.RowDefinitions>

<RowDefinition>RowDefinition>

Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition>ColumnDefinition>

Grid.ColumnDefinitions>

<Canvas MouseEnter="cnvHighlight_MouseEnter" MouseLeave="cnvHighlight_MouseLeave" Background="White" x:Name="cnvHighlight" Grid.Row="1" Grid.Column="1">Canvas>

Grid>

UserControl>

Code behind:

private void cnvHighlight_MouseEnter( object sender, MouseEventArgs e )

{

SolidColorBrush yellowBrush = new SolidColorBrush( Colors.Yellow );

this.cnvHighlight.Background = yellowBrush;

}

private void cnvHighlight_MouseLeave( object sender, MouseEventArgs e )

{

SolidColorBrush whiteBrush = new SolidColorBrush( Colors.White );

this.cnvHighlight.Background = whiteBrush;

}

We just attach to the MouseEnter and MouseLeave events of the Canvas and change the Background Brush. By default the Canvas takes the whole available space in the cell.

RE: Using the Grid control in Silverlight 2

Mariusz — Thu, 10 Apr 2008 01:04:26 GMT

Is it possible to highlight one cell of the grid, when the mouse pointer gets over it?

RE: Using the Grid control in Silverlight 2

Mariusz — Thu, 10 Apr 2008 01:03:10 GMT

Hi, I like your tutorials about the layout possibilities in silverlight.