Syncfusion SfColorPicker in Windows Phone 8

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

Other post in the series on Syncfusion controls for Windows Phone 8.1 are

Syncfusion Busy Indicator in Windows Phone 8.1
Syncfusion TextBoxExt Windows Phone 8.1
To get access to these controls please sign up at

The color picker control exposes color selection through a touch friendly interface. All settings including the RGB values can be manipulated purely using touch.

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 following code to your xaml page

We added a TextBlock (txtTitle), two Color Picker controls (sfColorPickerPage & sfColorPickerText) one for changing the page background colour & one for changing TextBlock foreground colour and lastly another TextBlock (txtStatus) for displaying which Color Picker is active on the screen.

Step 5: Add the following code to your page code behind

Note: with the ConvertStringToColor method, make sure to use the Windows.UI namespace.

Download the full project’s source code for reference.
Download Syncfusion SfColorPicker

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