PropertyGrid Improvements and Custom Property Editors

by Avatar Bill Henning (Actipro)
Thursday, October 23, 2014 at 12:02pm


Our WPF PropertyGrid control is an extremely powerful way to edit the properties of any object.

Custom Property Editor Sample

While a lot of PropertyGrid usage is for basic properties such as numbers, strings, dates, etc., properties can be of any custom Type as well.  In our most recent release of the WPF controls, we created a new custom property editor sample that shows how to easily add a custom property editor for a certain Type.


The screenshot above shows how a custom enumeration named OnOffAuto was created.  The object being edited in the PropertyGrid has several properties that are of that type.  We defined in XAML a custom template that uses our HorizontalListBox control to allow for easy selection of the options.

In the case of the Security Alarm property, we made a further customized property editor template that only shows two of the options instead of all three.  This specialized template is configured to only apply to that one specific property.

While this sample shows how to make a custom property editor for an enumeration type, the same concepts can be applied to any custom type.

Other Recent PropertyGrid Improvements

In recent builds, we have further improved the editing experience when using PropertyGrid.  We added built-in property editors for font-related properties.  We added support so that double-clicking a property name will cycle through any standard value options that the property has.  In the event that the property doesn't support standard values, double-clicking the property name will attempt to focus the related editor instead and select all text if possible.


Download the latest build of our WPF controls to see this new sample and obtain the latest editing features.

TaskDownload TaskLiveDemo TaskBuyNow

SyntaxEditor Quote Delimiter Auto-Completion

by Avatar Bill Henning (Actipro)
Wednesday, October 15, 2014 at 3:18pm


In today's post I'd like to show off another new feature that was added to SyntaxEditor (WPF, Silverlight, and WinRT/XAML platforms) in its 2014.2 version: quote delimiter auto-completion.

Quote Delimiter Auto-Completion

SyntaxEditor already had some great delimiter-related features like delimiter highlighting and delimiter auto-completion for curly braces, square braces, and parentheses.  These have been in the product for a while. 

We had a number of customers also request that support for quote auto-completion be added to assist with working with strings, and that's what's been added.  Quote auto-completion support is now built into the DelimiterAutoCompleter class, with double quote completion enabled by default.  Single quote completion can be activated as well but is not enabled by default since some languages use single quotes as single line comment delimiters.

Let's see it in action!  Here we are using our new Python add-on language to start typing an author designation:


Next I type a double quote character:


The end double quote is auto-inserted, but after the caret.  This allows me to type the string content directly in without having to use arrow keys.


Now that I've typed in the string content, I type the double quote again.  SyntaxEditor knows that it's the quote that was recently auto-completed, so it effectively overwrites the existing quote instead of adding another double quote.  The caret ends up after the string, as expected.



The quote delimiter auto-completion features were added in the 2014.2 version of our WPF, Silverlight, and WinRT/XAML controls.

They also have been pre-configured to automatically work in these premium SyntaxEditor add-on languages: C#, VB, Python, JavaScript, and JSON.  They can easily be added to your own custom languages as well.

TaskDownload TaskLiveDemo TaskBuyNow

Actipro Blog 2014 Q3 Posting Summary

by Avatar Bill Henning (Actipro)
Wednesday, October 15, 2014 at 3:16pm


What We Accomplished

In this quarter, we published the 2014.2 versions of our WPF, Silverlight, and WinRT/XAML controls.  These versions included several new controls, a new Python Language Add-on for SyntaxEditor, and some big feature enhancements for our existing controls.  Check out the release posts for more detail.

One big piece of the new WinRT/XAML control updates was that we made all our controls universal controls, compatible with both Windows Store 8.1 apps and Windows Phone 8.1 apps.

I want to also call particular attention to our new Editors controls that we custom developed for use in Windows Store and Windows Phone apps.  The editors use some brand new unique designs that allow users to efficiently enter data with keyboard, mouse, or touch.  Be sure to check those out!

Our Code Writer app received some nice updates as well.

What’s Coming Next

We're now working on more v2014.2 updates for our existing controls and on some new controls as well.

Blog Post List

Control Product Development

Product Releases

Micro Charts - Trend Indicators

by Avatar Bill Henning (Actipro)
Tuesday, September 30, 2014 at 4:24pm


In today's post, we will introduce another new micro chart control that was added in the 2014.2 versions of our WPF, Silverlight, and WinRT/XAML controls:  the MicroTrendIndicator control.

What Is a Trend Indicator?

The trend indicator is a three state control that is intended to reflect whether a numeric value is higher, the same as, or lower than an origin value.


This sort of element is commonly used in stock value display where the origin value is bound to the previous day's stock price, and the value is bound to the current price. The trend indicator then renders an upward green triangle if there was positive movement, a gray line if no change, or a red triangle if there was negative movement.


If the values are updating live, the indicator changes use a pleasing animation that rotates and fades in the new indicator.

The template for each state's indicator can be customized as well, allowing for any combination of shapes and elements to indicate the trend state.


There are a lot of uses for trend indicators, such as in dashboards or reports.  Download the 2014.2 versions of our products to check out the new chart type.

TaskDownload TaskLiveDemo TaskBuyNow

Micro Charts - Segment Charts

by Avatar Bill Henning (Actipro)
Monday, September 22, 2014 at 9:15am


In today's post, I wanted to introduce a new micro chart control that was added in the 2014.2 versions of our WPF, Silverlight, and WinRT/XAML controls:  the MicroSegmentChart control.

What Is a Segment Chart?

A segment chart provides a visual representation of an integer value in relation to a total number.  Each segment in the chart is rendered as highlighted or unhighlighted.  For instance, if the value is 3 of 10, there will be 10 total segments displayed, with the first 3 rendering as highlighted.


This sort of chart is great for use on dashboards, and also as an indicator of steps or progress achieved.


The style for the segments can be customized, allowing for any sort of shape, size, or color combination.  The Panel used to render the chart can also be set, enabling wrapping and other layout scenarios.


In the WPF and Silverlight versions, value converters can be used to further customize the brush or size of each segment to create some interesting effects:



There are a lot of uses for a segment chart, such as in dashboards or as progress indicators.  Download the 2014.2 versions of our products to check out the new chart type.

TaskDownload TaskLiveDemo TaskBuyNow