Export (0) Print
Expand All

Insert controls and modify their behavior in Blend

Controls enable users to interact with your app. You can use them to collect information and to perform actions such as animate an object or query a data source.

In this topic:

You can drag controls from the Tools or Asset panel onto your artboard, and then modify them in the Properties window.

Blend - Assets - FlipView

These videos show you how to use some of the more common controls.

Control

Watch a short video

Menu  015a263c-0b2b-4253-ac57-b86fcb8c9591

Configure Installed Features Add the controls

Button  05df1779-a68f-436b-b834-a91b7995a3ec

Configure Installed Features Design a button

Progress bar  1a4a4117-497e-4920-acaa-d84cb5a1ce83

No video available. Suggest one.

Textblock  42165963-00f7-4a33-abcd-b0849edebada

Configure Installed Features Add images to a textblock

Slider  bf689d92-3c74-4218-815c-e98c930ac189

Configure Installed Features Build a Slider with a ToolTip

Radio button  33646a24-f5a1-4b74-9496-e0aaddb922c6

No video available. Suggest one

Checkbox  91bc7bff-27d2-4dfe-93ab-844f2952186f

No video available. Suggest one

List box  ffd7a7c3-6bcd-4ed3-a59e-1f28d06ec4ae

No video available. Suggest one

GridSplitter  d08d529f-a27e-4a8f-95aa-8a4e8b4ee7be

Configure Installed Features Work with a GridSplitter

If you’d like to suggest a video or know of any great videos that have helped you use controls in your pages, please share that with us. See Help us evolve our content!

You can make any object into a control.

Blend Make Into Control dialog box

For example, imagine a picture of a television in the center of a page. You could make controls out of small images that look like television buttons. Then, users could click those buttons to change the channel.

This is possible because the buttons are now controls. With controls, you can respond to user interactions; in this case, when the user clicks a button.

To make a control, select an object. Then, on the Tools menu, click Make Control.

Controls can perform actions when users interact with them. For example, they can start an animation, update a data source or play a video.

Use triggers, behaviors, and events to make controls do things.

A trigger changes a property or performs a task in response to an event or a change in another property. For example, you can change the color of a button when users hover over it.

The "Triggers" panel

Watch a short video: Configure Installed Features Add a property trigger.

A behavior is a reusable package of code. It can do a bit more than change properties. It can perform actions such as query a data service. Blend comes with a small collection of them, but you can add more. Drag a behavior onto any object in your artboard, and then customize the behavior by setting properties.

FluidMoveBehavior in the Properties panel

Watch a short video: Configure Installed Features Blend tips: Intro to using behaviors Part 1.

For ultimate flexibility, handle an event. You’ll have to write some code.

Watch a short video: Configure Installed Features Add a Mouse event.

If you’ve found a video or article that’s helped you work with controls in Blend, please share that with us. After we review the content, we might add a link to it so that others can benefit from your discovery.

If you’d like to suggest a new video, we’d also like to hear from you. If we receive similar requests from others, we’ll create one as our time and priorities permit.

No one knows your business better than you. So please tell us what resources have helped you to work with controls in your pages, and what areas have not been well explained by us, or by anyone in our community, so that we can better evolve our content to help you.

Please share your suggestions here.

Show:
© 2014 Microsoft