Add design

Keyboard Shortcuts

LinkedIn principal author Doug Winnie describes how the use the Properties panel in Microsoft Visual Studio 2015 Community Edition to modify design parameters of objects in XAML. In addition to understanding gradients, color, and text formatting options, Doug also introduces XAML tag and attribute options for converting attributes into child tags, and how to add more sophisticated component customization through child elements.

- [Voiceover] Visual Studio has tools…to help you add design elements to your app.…There is also a companion application called blend…that has even more tools.…But the changes that we're gonna make…can entirely be done in Visual Studio.…Working with color and fonts can be a lot easier…when you work with a properties panel in Visual Studio.…For instance, let's add a gradient…to the background of our app.…The grid container is the most outer container in our app.…So we can add a gradient background to it.…Navigate in the code and select the grid item.…

It'll now appear in the properties panel.…Colors are referred to as brushes.…You can have multiple different types of brushes,…including solid colors, gradients, or images.…You're going to add a gradient brush to the grid container.…Expand the brush section of the properties panel…and select the middle control for gradient.…You'll see a color-picker display.…And below will display the gradient with two stops on it.…These are the points in the gradient where there is a color.…

Resume Transcript Auto-Scroll

Author

Released

6/27/2016

Want to build apps that work on any device that runs Windows 10? Whether you are targeting desktops or tablets, Windows Phone, Xbox One, or even HoloLens, you can create apps that span all Windows devices with the Universal Windows Platform. This course is designed to teach you how to make your first app using all of the basic features of Universal Windows.
Finally, you'll experiment with your app to learn more about how Windows apps work, and then find out where to go next.