Designer Toolbar

The button toolbar provides the ability to perform actions within the Designer.

The following table describes the toolbar buttons.
IconCommandDescription
BuildClick to build the current project.

This button is available only in the WPF Designer.

Build and RunClick to build and run the current project.
Note: For security reasons, you must log into Workflow to view a test build of your form or user display.

This button is available only in the WPF Designer.

Save ProjectClick to save the current project locally.

This button is available only in the WPF Designer.

Next item waiting to be placedDisplays the icon of the selected item in the Control Toolbox. It will be the next item to be placed on the canvas.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Zoom PercentageClick to select a specific zoom percentage to apply to the canvas.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Zoom InClick to zoom in on the canvas.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Zoom OutClick to zoom out from the canvas.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

CutClick to cut the selected item from the canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

CopyClick to copy the selected item from the canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

PasteClick to paste the previously cut or copied item into the canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

DeleteClick to delete the selected item from the canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

UndoClick to undo the previous action.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

RedoClick to redo the previous action that was just undone.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

Font FamilyClick to change the font of the currently selected item.

This button is available only in the Silverlight Designer, on the Home tab.

Font SizeClick to change the font size of the currently selected item.

This button is available only in the Silverlight Designer, on the Home tab.

Background: Color

Click to change the background color of the currently selected item.

This button is available only in the Silverlight Designer, on the Home tab.

Foreground: Color

Click to change the foreground color of the currently selected item.

This button is available only in the Silverlight Designer, on the Home tab.

Bold

Click to bold the font of the currently selected item.

This button is available only in the Silverlight Designer, on the Home tab.

Italic

Click to italicize the font for the selected item on the canvas.

This button is available only in the Silverlight Designer, on the Home tab.

Fill: ColorClick to change the fill color for the selected Shape item in the canvas.

This button is available only in the Silverlight Designer, on the Application Settings tab.

Stroke: Color

Click to change the border color for the selected item in the canvas.

This button is available only in the Silverlight Designer, on the Application Settings tab.

Stroke Thickness

Click to change the border stroke width for the selected shape item in the canvas.

This button is available only in the Silverlight Designer, on the Application Settings tab.

Decimal Places

Click to change the number of decimal places that are used to display numbers.

This button is available only in the Silverlight Designer, on the Application Settings tab.

View SourceClick to view the source code behind the current form or user display.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

View PanelsClick to select the panels you want to make available in the canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.

Send to BackClick to send the selected item to the back of the canvas. This button is used when items are stacked or overlapped.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Move BackwardClick to move the selected item backwards on the canvas. This button is used when items are stacked or overlapped.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Move ForwardClick to move the selected item forward on the canvas. This button is used when items are stacked or overlapped.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Bring to FrontClick to send the selected item to the front of the canvas. This button is used when items are stacked or overlapped.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

AlignmentClick to align multiple controls together. Controls are aligned by top, bottom, width, and height. The last control selected is used as the basis for alignment. This button is available only when two or more controls are selected using Ctrl + click.

Alignment for the Silverlight Designer is controlled by four separate buttons: Alignleft, Alignright, Aligntop, and Alignbottom.

The WPF Designer Alignment buttons allow manipulation of controls by aligning right, left, top and bottom. The WPF Designer alignment button provides a list of actions that can be performed when the button is clicked.

ResizeClick to enable the resize handles on the selected item. Click and drag the resize handles horizontally, vertically, or diagonally.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

RotateClick to enable the rotate handles on the selected item. The handles turn from blue to yellow.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Rotate LeftClick to rotate the selected item to the left (counterclockwise) by 90 degrees. The handles turn from blue to yellow.

This button is available only in the Silverlight Designer, on the Layout tab.

Rotate RightClick to rotate the selected item to the right (clockwise) by 90 degrees. The handles turn from blue to yellow.

This button is available only in the Silverlight Designer, on the Layout tab.

SkewClick to enable the skew handles on the selected item. The handles turn from blue to red.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Flip HorizontalClick to flip the selected control horizontally.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

Flip VerticalClick to flip the selected control vertically.

This button is available in the WPF Designer and on the Layout tab of the Silverlight Designer.

VisibilityClick to make a control show or hide selected controls in the canvas.

This button is available only in the Silverlight Designer, on the Layout tab.

Select AllClick to select all the objects in the active layer.

This button is available only in the Silverlight Designer, on the Layout tab.

Show GridClick to show or hide the grid lines.

This button is available in the WPF Designer and on the Application Settings tab of the Silverlight Designer.

Snap to GridClick to make the item conform to ruler lines, which aid in positioning it.

This button is available only in the Silverlight Designer, on the Application Settings tab.

SearchClick the arrow next to Search to search for a control in the current canvas.

This button is available in the WPF Designer and on the Home tab of the Silverlight Designer.