Advice on Grid for Visual Studio Developers?

10 Jun 2009 - 9:09pm
4 years ago
3 replies
2191 reads

Is anyone aware of a developer's reference on defining a layout grid
(or the atomic unit thereof) in Visual Studio? I've tried searching,
but am perhaps not using the right search terms.

I mentioned the need for all our UIs to be designed according to a
grid, and got some "deer in the headlights." And when I used 960
site as a means to convey my point, they got it... but responded with
"that's CSS - for web development. We're building desktop apps, and
we're not aware of any way to define a layout grid in Visual Studio -
short of manually placing each grid line, for each project -- which
we're not going to do."



11 Jun 2009 - 4:07am

I'm not sure what type of desktop app you're going to create. There's a Grid in WPF which you can use as a layout panel.

11 Jun 2009 - 4:26am

Hello Scott,

Maybe you can use the flow layout options for the form designing? In V
isual Studio in .NET applications the form designer own task is a two-
way conversion. If you add components in the form designer code will
be generated and added to the source file, and the other way around it
will be shown in the form designer. If you are interested in some grid-
based layour you could consider writing a few layout management
controls. Check the descriptions below to find out what might fit the

Allows 5 different Layoutable objects, one in each of the north,
south, east and west and one in the center. All the size components
are compressed in size, north and south are as small as they can be
vertically and as large as they can be horizontally. West and east are
as small as they can be horizontally and as large as they can be
vertically. The center Layoutable object fills all of the space that

Takes a number of rows and columns and creates a grid to which the
user can add Controls. Each member in the grid is made the same size
and laid out from left to right down the rows in the order that they
are added.

Tries to add Controls in a horizontal line, once the line is too big
for the width of the container, it starts a new line. It can be
aligned to the left, center, or right of the container.
Using these classes in GUI creation is straightforward. When you
create a Control which will contain other controls, you wrap it in a
ContainerBox, set the box's layout, and then add all of the child
Controls to the box. The only containing Control which is not added to
a ContainerBox is the top level Control (usually a Form) which is
wrapped in either an AreaPane or a ResizeablePane. A ResizeablePane
will take the shape of its parent Control, but an AreaPane will be the
area which is specified.


Maybe this will help your developers out to improve or great their own
layout manager for their applications based on the code offered at the
url above.


Weyert de Boer

11 Jun 2009 - 8:54am

On Wed, Jun 10, 2009 at 3:09 PM, <scot at> wrote:

> Is anyone aware of a developer's reference on defining a layout grid
> (or the atomic unit thereof) in Visual Studio?

Full disclosure: I work for Infragistics.

But I'm not recommending this because of that fact. It's just we have
something that can help with this:

WPF has a built in Grid layout element that I suspect you could use to
create a consistent grid layout in that technology.

Also, FWIW, we cover the Grid Layout pattern
/HTML <>) in our
UX patterns explorer, Quince.



Syndicate content Get the feed