Windows-8.1

Syncfusion TextBoxExt Windows Phone 8.1

Syncfusion provides enterprise-class developer tools for free under their community license. This is going to be an introduction into their controls.

To get access to these controls please sign up at http://www.syncfusion.com/products/windows-phone

Other posts in this series.

Syncfusion Busy Indicator in Windows Phone 8.1

TextBoxExt is an extended version of TextBox control.

Step 1: Create a new Windows Phone project

Create a new Windows Phone 8.1 project using the Blank App (XAML) template.

 

Step 2: Add Reference to the Syncfusion dll

Right click on the name of the project in solution explorer and choose Add>Reference. From the dialog box that appears choose Syncfusion 8.1 controls for WP XAML and add it to your project. These references will enable you to use Syncfusion controls in your app.

Step 3: Add the namespace to your xaml page

 

Step 4: Add the control

Since this control inherits a lot of its behaviour from the standard TextBox control, I’ll only be discussing one of its main features which is the Watermark property.
Watermark – The control will prompt the user with some information, when it is not in focus and contains an empty string.

By default the Watermark property is a simple string, but by utilizing the WatermarkTemplate property we can further customize it.

Step 5: Add the following code to your xaml page.

 We created a DataTemplate called WaterMarkTemplate. In the DataTemplate we defined a StackPanel with a horizontal orientation & a height of 40. We add an Image & TextBox control to our StackPanel, the source for our image is the standard search icon (C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.1\Icons\Light).

Step 6: Add  code to enable watermark

Add the following code to your SfTextBoxExt control to enable the Watermark

Download Syncfusion SfTextBoxExt tut

LioneL Chetty

Microsoft Student Partner at the Durban University of Technology. I privately build Windows Phone applications & blog about my learning experiences.

Read more:
How to create your first Windows Phone app
How to change the App name and Tile name of your Windows phone app
Data binding in Windows Phone app – One way binding
Close