SyntaxEditor Quote Delimiter Auto-Completion

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

PostBannerSyntaxEditorDevNotes

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:

QuoteCompletion1

Next I type a double quote character:

QuoteCompletion2

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.

QuoteCompletion3

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.

QuoteCompletion4

Summary

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

Micro Charts - Trend Indicators

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

MicroChartsDevNotesBlogPostBanner

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.

Price

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.

StockReport

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.

Summary

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

MicroChartsDevNotesBlogPostBanner

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.

MicroSegmentChart

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

MicroSegmentChartCircles

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.

MicroSegmentChart100Wrapped

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:

MicroSegmentChartLevels

Summary

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

WPF, Silverlight, and WinRT/XAML v2014.2 Released

by Avatar Bill Henning (Actipro)
Friday, September 12, 2014 at 8:08am

Major142ReleasesBlogPostBanner

The 2014.4 versions of our WPF, Silverlight, and WinRT/XAML controls have been released and are now available for download.

Major new features are described below.  See the announcement posts for the large detailed list of enhancements and updates, including many items not listed below:

Note that the 2014.2 version of the WinRT/XAML controls came out last month, introducing our Editors controls, but a new maintenance release is available today adding other new features.

ProductHeadingGenericCharts

We've added six new built-in chart palette options, including Retro and Sand:

ChartPalettes

ProductHeadingWPFDocking

Docking/MDI received numerous updates, including a new option for rafting windows to not hide when in scenario where their owner DockSite is hidden, such as if it's nested in tabs itself.  Many updates to focus handling were made, especially in relation to interop controls like WinForms/ActiveX.

ProductHeadingGenericEditors

Updated the Country and Currency classes with the latest ISO data.

WinRT/XAML Only

As announced in recent blog posts, our WinRT/XAML controls now have some really unique and universal (Windows Store / Windows Phone) controls for accepting input of common data types.

ColorEditBoxOpened
See our Edit Boxes Overview for a summary of the controls and some links to additional posts describing their functionality.

ProductHeadingGenericMicroCharts

A new segment chart has been added that allows for visual display of an integer value within a total..

SegmentChartType

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

Another new control is the arrow indicator displayed on the left side of the stock chart below.  It's called a trend indicator and alters its UI to reflect whether a numeric value is greater than, the same as, or less than an origin value.

StockChart

Six new built-in chart palettes have been added as well, including IceCream and Melon.

MicroChartPalettes
ProductHeadingWPFPropertyGrid

We've created a new custom property editor sample that shows how to easily add a custom property editor for a certain Type. 

PropertyGridCustomEditor


Double-clicking a property name has been improved such that if the property doesn't support standard values, it will attempt to focus the related editor instead and select all text.

ProductHeadingGenericSyntaxEditor

Quote auto-completion support has been added to the DelimiterAutoCompleter class, with double quote completion enabled by default.  As the user types a start quote, the related end quote will be auto-entered after the caret.  The C#, VB, Python, JavaScript, and JSON languages in our premium add-ons have been updated to support quote auto-completion.  It can easily be added to any custom languages as well.

We've added some nice new features like a ScrollIntoView method that can ensure that a text position is visible within the view, improved caret/selection movement around and delete/backspace of multi-byte characters, and improved backspace to move to the previous tab stop when auto-convert tabs to spaces is active and the caret is before the first non-whitespace character on the line.

.NET Languages Add-on

We've had a lot of requests for showing how to support ASP-style server tags, where the C# within the tags has automated IntelliPrompt.

SyntaxEditorServerTags
We're happy to deliver a new full source sample (seen above) that shows how to harness our .NET Languages Add-on within server tags.

Python Language Add-on

Today's releases contain the first version of our Python Language Add-on, a new premium add-on that supports both v2.x and v3.x syntax.

PythonIntelliPrompt
We'll blog about the language in more detail soon, but you can download and start using it today.

ProductHeadingGenericShared

A new triangle shape can be used in UI such as breadcrumbs, tabs, etc. 

Triangle
This shape can auto-size to its container and supports strokes and fills.

WPF Only

We've added a ZoomLevelToTextFormattingModeConverter class, which can switch from Display to Ideal text formatting mode when the zoom level is increased, thereby keeping text clear in any scenario.

TaskDownload TaskLiveDemo TaskBuyNow

SyntaxEditor Python Language Add-on Coming Soon

by Avatar Bill Henning (Actipro)
Thursday, June 19, 2014 at 4:07pm

PostBannerSyntaxEditorDevNotes

In today's post I'd like to formally announce that a new Python language add-on is coming to SyntaxEditor (WPF, Silverlight, and WinRT/XAML platforms) in its 2014.2 version.

What is Python?

Python is a very popular programming language that uses indenting to create blocks of code (as opposed to curly braces as in languages like C), and attempts to allow users to write code in fewer lines than is possible in other languages.  Python has a standard library of API features that has grown very large over time.

These days, Python code comes in two flavors: v2.x syntax and v3.x syntax.  Unfortunately there are breaking changes between the two syntaxes.  But we've got you covered since you can tell our PythonSyntaxLanguage class which version to use and it will parse things accordingly.

Features

Here's a screenshot of the Python language in action within SyntaxEditor:

Python

The first release of the Python language will have these features:

  • Support for both Python v2.x and v3.x syntaxes.
  • Syntax highlighting.
  • Abstract syntax tree (AST) generation.
  • Automatic code outlining based on AST structure.
  • Reporting and automatic squiggle display of errors for invalid syntax.
  • Mouse hover quick info for syntax errors.
  • Line commenting.
  • Smart indent.
  • Code block selection.
  • Delimiter (bracket) highlighting and auto-completion.

Beta Testers

Since this is a brand new language add-on, we would love to get your help beta testing it.  If you are a SyntaxEditor customer and would like to assist us in testing the Python language add-on, please contact us at our support email address.

Summary

This new Python language add-on will roll out in the 2014.2 version of our WPF, Silverlight, and WinRT/XAML controls.

TaskDownload TaskLiveDemo TaskBuyNow