The Actipro Blog

In today's post I'd like to show a new feature that was recently added to SyntaxEditor (WPF, Silverlight, and WinRT/XAML platforms): move selected lines up or down.

Feature Description

Moving a range of selected lines from one place to another is a very common task in any text editor.  Of course this can be accomplished by cutting and pasting the selection around.  But for small adjustments to the location of several lines, the ability to simply move the lines is a valued feature.

We've added the ability to move selected lines up and down via the Alt+Up and Alt+Down keys respectively.  Let's see a couple examples of it in action.

In this sample, I selected the lines that contain the AnotherMethod method.  Then I pressed Alt+Up several times to move the method above the Bar method.  I then pressed Alt+Down to move the lines back down to their original position.

In this second sample, I had a comment that wasn't in the right place and I wanted to move it up.  I just put the caret on the line and pressed Alt+Up a couple times to move it back to the right spot above the color property declaration.

Summary

The ability to move selected lines up and down is a real productivity enhancer when doing text editing.

The features described above are available in our latest WPF, Silverlight, and WinRT/XAML control versions and are available for use.

The 2015.1 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:

• WPF Controls announcement
• Silverlight Controls announcement
• WinRT/XAML Controls announcement

Our Bar Codes product has been ported to the WinRT XAML platform.  This product, which already exists on WPF and Silverlight, allows your apps to render vector-based bar codes using many common 2D and linear bar code symbologies.

A full set of demos and QuickStarts are included to help you get going.

The interop assembly that makes it easy to use Docking/MDI with the Prism framework has been updated to reference the latest Prism v5.0.

We've made numerous layout and performance updates to further improve the product. 

We also have been working hard on building a completely new internal engine for the Docking/MDI product, which will be available sometime later this year.  Keep an eye on our blog for posts detailing the advanced features that are coming with those updates.

All of our edit box controls in the WinRT Editors now have an IsEditable property.  When set to false, the edit box behaves more like a ComboBox, while still retaining the rich popups that make the editors unique.  This is an ideal option for apps whose primary mode of interaction is expected to be touch.

The CornerRadiusEditBox, PointEditBox, RectEditBox, SizeEditBox, and ThicknessEditBox controls have been updated to support text parsing one and/or two number entries where appropriate, which is useful for easy uniform value entry.

In the above ThicknessEditBox, a 2 is typed and then Enter is pressed.  The value is converted to a uniform thickness of 2.

A ValueChanged event has been added to all edit boxes, which fires when a value change is committed.

Finally, edit box padding has been adjusted so that more content is visible in the same amount of space.

A new DigitalGauge.CharacterSegmentThickness property allows for segment thickness adjustments.  This gives you even finer control over the presentation of your digital characters.

We've enhanced the 'Linear Gauge Rolling Scale' QuickStart with a new infinite rolling scale example for navigation headings.

The EditorSearchView control now supports an optional "Find All" button.

The RTF export logic has been updated to support extended ASCII characters.

The free CSS language definition now supports the syntax highlighting of media queries.

We've dramatically improved the speed of large completion list display.

Several other performance improvements have been made, such as optimized the scenarios for which the TokenTagger raises its TagsChanged event, and refining of the automatic outlining update logic.

In the WinRT version, we added the SyntaxEditor.AreSelectionGrippersEnabled property, which determines whether the selection grippers show after touch within a view.

.NET Languages Add-on

The C# parser has been improved to recover better when encountering open block statements so that its AST node structure remains better in tact.

The IntelliPrompt quick info for properties now includes accessors, making it possible to see whether a property is read-only.

Python Language Add-on

The Python language has received an enormous amount of updates, that in sum really improve the entire automated IntelliPrompt feature set.

Check out all these enhancements:

• Added IntelliPrompt for private members and updated the completion list to have Public and All filter tabs.
• Added reflection data for private methods/fields of built-in primitive types.
• Added IntelliPrompt for built-in exception types.
• Improved IntelliPrompt for numerous built-in modules.
• Greatly improved IntelliPrompt for package and module imports.
• Improved IntelliPrompt for function parameters by examining available assert statement isinstance calls.
• Added IntelliPrompt for static fields on classes.
• Improved the resolution of base types for classes.
• Added the optional IResolver.UnknownReturnTypeReferenceCallback callback that can be used to provide return type references for unknown types.
• Updated the resolver to recognize where 'cls()' in a class method can create a new instance of the related class.
• Updated the IntelliPrompt completion list to filter unmatched items.
• Updated the IntelliPrompt docstring display to retain presentation of line feeds.

The Views product has a new TaskBoard control added, available in all three (WPF, Silverlight, and WinRT) platforms.  TaskBoard can be used to create a board of reorderable columns and cards.  All of the drags use smooth animations to give you the feel that you are really interacting with the object.

The first full-source sample that comes with the control is a Repair Shop Scheduling demo, which shows how a TaskBoard can be used to interactively schedule work to resources, such as employees. TaskBoard excels at providing a visual way of representing work/tasks (displayed as cards) within a queue of some sort (displayed as a column).

The second sample is a Task Planning demo, which shows how a TaskBoard can visually organize a project's tasks.

We've added another new primitive SemiEllipse shape, which renders half of an ellipse.

The existing Triangle shape has a new IsClosed property that when set to false will create a triangle with only two of the sides rendered.

Finally, in the WPF Shared Library, we added GradientBrushSlider.CanAddStops and CanRemoveStops properties that determine whether stops can be added and removed from a GradientBrushSlider.

WinForms Controls 2014.1 build 322 has been released and is now available for download.

See the announcement post for the detailed list of enhancements and updates.

New maintenance of the 2014.2 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 detailed list of enhancements and updates, including many items not listed below:

• WPF Controls announcement
• Silverlight Controls announcement
• WinRT/XAML Controls announcement

ISO 3166-1 Alpha-3 Codes Added (WPF, WinRT only)

The Country class, which contains ISO country data and is utilized by our CountryComboBox control, now also includes the 3-character alpha code data for each country.

This is in addition to the existing data of 2-character alpha code and name.

Handling of Root Objects Improved (WPF only)

We've improved how the PropertyGrid handles properties on the root SelectedObjects that have a custom type converter.

Handling of Immutables Improved (WPF only)

We've also improved support for handling immutable objects and determining how to interact with their properties.

Custom Factory Sample Updated (WPF only)

The Custom Factory sample has been updated to show a property with a non-string type.

This is a great example of showing how to implement a custom data factory and merge properties from various object sources.

Backstage Tab Navigation Improved (WPF only)

We've improved keyboard navigation in the TaskTabControl control, which is generally used within Backstage tabs.

Contextual Tab Layout Refined (WPF only)

The logic for the sizing of contextual tab groups and their tabs always has had some minor issues when resizing the containing window to be thinner.  The issue didn't often manifest itself unless multiple contextual tab groups were displayed.

We spent a while tracking these issues down and fixing them so that all layout sizing is now perfect, as seen in the screenshot above.

Read-Only Regions Added

We've added support for read-only regions of text via the new IReadOnlyRegionTag tag.  This feature has been highly requested by customers, so we're happy to deliver it.

There is a ReadOnlyRegionTag implementation class that supports classification so that read-only regions can be rendered with an alternate background, such as gray in the screenshot above.  A new Read-Only Regions QuickStart that demos the new features is now in the Sample Browser.

Move Selected Lines Up/Down Commands

Another highly-requested set of commands for moving the selected lines up (via Alt+Up) and down (via Alt+Down) have been added.  The SDI Editor demo's menu has been updated to show off the new editor commands.

IntelliPrompt Completion Performance Enhancements

We did a lot of performance profiling related to IntelliPrompt completion lists and we able to make numerous performance enhancements in the areas of item matching and filtering.  These enhancements will really help performance when displaying large completion lists.

Drag and Dropped Text Reselection Option Added (WPF only)

A SyntaxEditor.IsDragDropTextReselectEnabled property has been added that can be set to false to prevent reselection of dropped text.

Data Binding Change Scroll Behavior

Views have been updated so that text changes from a data bound source (such as view model) don't scroll the view back to the first line on each update.

Line Commenter Updated

The line commenter has been updated to improve how line comment and uncomment features affect selection.  The logic that gets activated by the LineBasedLineCommenter.CanCommentEmptyLines property also has been improved.

Bi-Di Text Caret Movement (WPF only)

We've made several improvements to caret movement when editing bi-directional text.

Better Separation of UI/Document Models

All of the event ties between the UI and document models have been changed to use weak events.

.NET Languages Add-on

The ability to resolve references to nested types has been improved.

Web Languages Add-on

A completion item for closing the nearest open ancestor element, if any, has been added.  (WPF only)

Ctrl+Space after an end tag start delimiter will also auto-complete the matching start tag's name.  (WPF only)

We've also improved the editing experience when typing to not affect outlining nodes as much.

Wave and ZigZag Shapes Added

New primitive shapes have been added that can be used to create some interesting user interface elements in your apps.  The Wave shape renders a wavy line.  The ZigZag shape renders a zig-zag line.The Shapes QuickStart has been updated with examples showing usage of the new shapes.

In the 2014.2 versions of our controls for the WPF, Silverlight, and WinRT/XAML platforms we've been adding several new shape controls to our Shared Library that can be very handy in setting up unique interfaces in your apps.

Yesterday's post examined the new Triangle shape.  For today's post, we'll take a look at a new ZigZag shape that is coming in the next 2014.2 maintenance release.

Introduction

The zig-zag shape renders straight lines that cross from one edge of the shape to the other, and back again.  The apex side and the number of apexes to render can be specified.  It's also possible to set whether the "inside" (fill) of the shape is inverted, or moved to the other side of the apexes.

Standard fill and stroke properties can be used to give the shape varied appearances.  The example on the right above is particularly interesting because it shows how an "inverted" zig-zag provides the left side of the red ribbon.  It is aligned next to a rectangle (behind the "New!") text, which allows it to generate a complex composited shape.

Advanced Usage

Zig-zag shapes are great for use when content requires a separator.Instead of always using a linear horizontal or vertical rule to separate content, the zig-zag shape adds some variety to the user interface.

Summary

Although shapes like zig-zags are small primitive controls, they can be very helpful in creating modern interesting user interfaces that don't rely purely on squares and rectangles.

You will be able to use our ZigZag class once the next maintenance releases of our 2014.2 WPF, Silverlight, and WinRT/XAML controls are published.

In the 2014.2 versions of our controls for the WPF, Silverlight, and WinRT/XAML platforms we added several new shape controls to our Shared Library that can be very handy in setting up unique interfaces in your apps.

For this post, we'll take a look at a new Triangle shape.  Incidentally this shape is used in the MicroTrendIndicator control we recently added to our Micro Charts controls.

Introduction

The triangle shape is a basic triangle that will fill the area you give it.  You use an enumeration to set which side the apex (point) of the triangle is on.

Standard fill and stroke properties can be used to give the shape varied appearances.

Advanced Usage

While a triangle shape standalone might not be very interesting, when it's combined seamlessly into other UI, it can make for some very nice presentations.

In this usage scenario, we use the triangle shape to help build a touch-friendly sort of breadcrumb control.

Here's another breadcrumb usage scenario but in this case, a smaller centered triangle is used to divide the items.

Summary

Although shapes like triangles are small primitive controls, they can be very helpful in creating modern interesting user interfaces that don't rely purely on squares and rectangles.

You can use our Triangle class today by downloading the latest versions of our WPF, Silverlight, and WinRT/XAML controls.

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.

Summary

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

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.

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.

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.

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.

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:

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.