The Actipro Blog

All the latest UI control development news from Actipro

SyntaxEditor .NET Languages Add-on - LINQ IntelliPrompt

BlogPostBanner

We're very excited to announce a new feature for our SyntaxEditor .NET Languages Add-on (WPF and Silverlight versions) that has been in development for quite a while:  LINQ query expression automated IntelliPrompt!

This feature has been heavily requested by customers and we're close to delivering it, for both C# and VB.  Let's see it in action.

Code Setup

Here is the test code wrapper we'll use for these samples:

using System.Collections.Generic;
using System.Linq;
 
public class Customer {
    public int CustomerID;
    public string Name;
    public IEnumerable<Order> Orders;
}
 
public class Order {
    public int OrderID;
    public string Description;
    public decimal Total;
}
 
public class Linq {
    public void Test(IEnumerable<Customer> customers) {
 
        // LINQ samples here
 
    }
}

All the code in the screenshots below will be inserted into the comment location in the snippet above.

Examples of Automated IntelliPrompt

First, let's start typing a new LINQ query expression:

Linq1

The customers parameter shows up as an IEnumerable<Customer>.  Now we'll start a where clause:

Linq2

The cu range variable shows up properly in the completion list as a Customer.

Linq3

After typing a dot to see the cu variable's members, we see fields like Name and OrdersMore...

Individual Silverlight Control Products Now Available

BlogPostBanner

Silverlight Studio 2012.1 was released a little over a week ago and one thing we wanted to highlight was new purchasing options.  In the past, the only way to get our Silverlight products was via the Silverlight Studio bundle.

As of version 2012.1, all that has changed!  You now can purchase individual products like our Silverlight SyntaxEditor without needing to purchase the bundle option.  The bundle still continues to save money over purchasing all our Silverlight controls together.

Here are the Silverlight controls that are newly available for standalone purchase:

  • Bar Code - Vector-based 2D and linear bar code generation
  • Micro Charts - Small charts, also called sparklines, designed to visualize complex data
  • SyntaxEditor - A syntax-highlighting code editor control and parsing suite
  • Views - Unique Silverlight controls and panels that support fluid animated item layout
  • Wizard - Everything you need to quickly create wizard dialogs

And as before, the two SyntaxEditor add-ons are available for Silverlight too.

Check out our Silverlight products today.

Filed under: Actipro, Silverlight

Micro Charts Part 8 - Hot-Tracking Tooltips

BlogPostBanner

In the previous post for our new Micro Charts product (currently available for WPF and Silverlight), we showed some examples of win/loss charts.  In today's post, we'll take a look at a neat feature called hot-tracking tooltips.

Since micro charts display quantitative data for use in dashboards and grids, and render it at small sizes, there is no room to display axis labels.  In certain scenarios the end user will want to know more details about particular data points.  Our product has a hot-tracking tooltip feature that allows them to see the exact values of a data point.  The tooltips "snap" to the closest data point to the mouse so that it's clear which data point the tooltip is rendered for.

HotTracking

The screenshots above show some examples of hot-tracking tooltips in action.  We provide a format string you can set on each series that tells the tooltip what to display.  This format string can display anything from formatted data point X/Y values to a description of the series.

If you wish to further customize what is rendered for each series, you can change the marker style or even make a completely custom data template.

The hot-tracking tooltip feature and its rich customization options really help end users dig into the data further.

In our next post, we'll take a look at some color palette features.

WPF Controls 2012.1 Released

BlogPostBanner

WPF Controls 2012.1 has been released and is now available for download.

This build has the following major new features:

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

TaskDownload TaskLiveDemo TaskBuyNow

Silverlight Controls 2012.1 Released

BlogPostBanner

Silverlight Studio 2012.1 has been released and is now available for download.

This build has the following major new features:

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

TaskDownload TaskLiveDemo TaskBuyNow

Micro Charts Part 7 - Win/Loss Charts

BlogPostBanner

In the previous post, we showed a gallery of various scatter charts and some options for the display of markers. In today's post, we'll look at several examples of win/loss charts.

WinLossCharts

Win/loss charts are very similar to normal bar charts and have very similar features.  The main difference is that win/loss charts provide an absolute view of data relative to the baseline value.  If a data value is the same as the baseline value, it will render as a thin line.  If the data value is more than the baseline value, it will render as a full height positive bar.  And likewise, if the data value is less than the baseline value, it will render as a full height negative bar.

Special appearances can be applied to any negative, high, or low point bars such as in the screenshot above.  The chart can be rendered either in a horizontal (default) or vertical orientation.

In our next post, we'll take a look at the hot-tracking tooltip feature.

Micro Charts Part 6 - Scatter Charts

BlogPostBanner

In the previous post, we showed a gallery of various bar charts. In today's post, we'll look at several examples of scatter charts.

ScatterCharts

Scatter charts render markers where each data point appears.  As with other charts, things like negative, first/last, and high/low points can have highlight effects applied to them so that they appear different than "normal" data points.

There are over 10 different built-in marker styles and markers also can be fully customized via data templates to be any custom shape.

CustomMarkers

In this screenshot, we see two line charts.  While they are line charts, the same marker customization capabilities are available on scatter charts.  The chart on the left is rendering large 5-point stars for its markers and the chart on the right is rendering a custom circle shape for its markers.

In the next post, we'll look at win/loss charts.

Micro Charts Part 5 - Bar Charts

BlogPostBanner

In the previous post, we showed a gallery of various area charts.  In today's post, we'll see some examples of bar charts.

BarCharts

Bar charts use separated bars to render each data value.  Negative values can optionally be rendered using an alternate style.  High and low values can be highlighted.  Multiple bar series can be rendered in the same chart and there are options to determine bar spacing and the bar orientation.

StackedBarChart

When rendering multiple bar series in a chart, you can set the bars to "stack", similar to how area chart stacking works.  In this case the second series renders its values on top of the first series' values.  This gives a good comparison of data between the two series.

StackedBarChart100

Another option is for the series to stack 100%.  In this mode, the series render to fill the chart height.  At any given X-coordinate, the height of each rendered series indicates its value percentage relative to the total.

In the next post, we'll look at some scatter charts.

Micro Charts Part 4 - Area Charts

BlogPostBanner

In yesterday's post, we showed a gallery of various line charts.  In today's post, let's have a look at a variety of area charts.

AreaCharts

Area charts have similar features to line charts.  You have control over whether the area's line is rendered normally (straight), via a spline, or via steps.  Markers can be displayed to highlight important data points.  Negative values can be rendered in an alternate appearance.  Multiple overlapping area series can be rendered in the same chart.

StackedAreaChart

In multiple area series scenarios, you can also set the areas to "stack".  In this case the second series renders its values on top of the first series' values.  This gives you a good comparison of each series' values at the same X-coordinate and also lets you see the big picture total.

StackedAreaChart100

There is another option for multiple area series to render in stacked 100% mode.  In this mode, the series render to fill the height.  At any given X-coordinate, the height of each rendered series indicates its value percentage relative to the total.

In the next post, we'll look at a variety of bar charts.

Micro Charts Part 3 - Line Charts

BlogPostBanner

The Micro Charts product, announced in this post, has numerous built-in chart types.  In today's post, we're going to show some screenshots of a variety of line charts.

LineCharts

There are many palette options included with Micro Charts.  Different kinds of markers can be displayed on the line, and special highlighting of those markers can be applied as appropriate.  The lines themselves can render with straight lines, splines, or steps.  Lines can also optionally take on an alternate appearance when rendering under the axis.

In our next post, we'll look at a gallery of area charts.