Exercise: Property trigger to enhance textbox border on mouse over

This exercise is provided to allow potential course delegates to choose the correct Wise Owl Microsoft training course, and may not be reproduced in whole or in part in any format without the prior written consent of Wise Owl.

The answer to the exercise will be included and explained if you attend the Wise Owl course listed below!

Category ==> WPF - Visual C#  (20 exercises)
Topic ==> Triggers and animations  (3 exercises)
Level ==> Relatively easy
Course ==> WPF using Visual C#
Before you can do this exercise, you'll need to download and unzip this file (if you have any problems doing this, click here for help).

You need a minimum screen resolution of about 700 pixels width to see our exercises. This is because they contain diagrams and tables which would not be viewable easily on a mobile phone or small laptop. Please use a larger tablet, notebook or desktop computer, or change your screen resolution settings.

Open the window in the above folder, and make it the default one for your application.

Add a property trigger to the style which targets textboxes, such that when the IsMouseOver property of any textbox becomes True, the BorderBrush becomes Red and the BorderThickness property changes to 2.

Start of XAML to set property trigger

A deliberately tantalising and incomplete hint to get you started!


Here's what the result should look like:

Textbox with red border

When you mouse over any textbox, it gets a thick red border. 


Check your application works, then close the window down.

This page has 0 threads Add post