This article has a corresponding video that can be viewed here.
The WPF & Silverlight Designer provides the ability to quickly layout a data entry form. This walk-through will provide a workflow for laying out Labels and TextBoxes using the Grid control as the layout panel.
Figure 1 Completed Form
Figure 2 Data Entry Form Step One
Notice that the column width is 137. The default width of a Label control when added from the ToolBox is 120. Making the target column wider than the Label makes it easy to initially drop the Label control on the design surface.
The row heights are also unimportant at this stage. Creating the rows taller than the Label or TextBox control makes it easy to create the controls.
Figure 3 Data Entry Form Step Two
The Margin of 3.5 conforms to the spacing requirements documented here: http://msdn.microsoft.com/en-us/library/aa511279.aspx#spacing
Figure 4 Data Entry Form Step Three
Figure 5 Resizing Grid Rows
Figure 6 Data Entry Form Step Four
Figure 6 above shows the form with each row with controls set to Auto size.
Figure 7 Data Entry Form Step Five
The Grid row and column size selector does not allow changing of the numeric values for Fixed or Star sizes. Instead use the Properties Window or XAML editor.
Microsoft values you opinion about our products and documentation. In addition to your general feedback it is very helpful to understand:
Thank you for your feedback and have a great day,
Karl Shifflett Visual Studio Cider Team