Create SDPanel based on User Controls SmartDevicesPlus templates

In order to use them, you have to create an SD Panel and select any of the SmartDevicesPlus templates that includes these User controls (for example in 'FlatAcidOrange' SmartDevicesPlus Theme, the templates that are in category 'Charts'):

CreateSdPanelBasedOnUserControlsImg01

CreateSdPanelBasedOnUserControlsImg02

CreateSdPanelBasedOnUserControlsImg03

CreateSdPanelBasedOnUserControlsImg04

CreateSdPanelBasedOnUserControlsImg05

Example 1 - Columns Chart

Create an SD Panel named 'Columns':

CreateSdPanelBasedOnUserControlsImg06

Then select the SmartDevicesPlus template 'Columns' and press Select:

CreateSdPanelBasedOnUserControlsImg07

A wizard associated to that SmartDevicesPlus template will appear so that you can define which attributes/SDT will be the one used for Category Attribute and Series attribute, and press 'Continue':

CreateSdPanelBasedOnUserControlsImg08

In this case the Chart is available just for one Serie, that is why in the 'Series Attribute' field you will be able to select just one attribute (and in the Series Labels you should insert a single one. 

The SD Panel has been created, and if you select the Grid control you can visualize that is a NucliOs control and has many properties that can be customized:

CreateSdPanelBasedOnUserControlsImg09

In order to test it at Runtime you have to have a MAC machine with the Infragistics controls installed ( Previous requirements ) and also call to this SD Panel from a Main program:

CreateSdPanelBasedOnUserControlsImg10

Example 2 - Area Multiple Series Chart

Create an SD Panel and select that is based on 'Step area for multiple series Chart' and press Select:

CreateSdPanelBasedOnUserControlsImg11

In this case, the Category attribute will be just one attribute/SDT item (like in the other example), but the Series will be composed of more than an attribute and label (because the idea is that you use this SmartDevicesPlus template when you want to create an SD Panel with an area chart with multiple series).

The order of the series attributes will be the same as the labels. In the example above, ProductVolume attribute serie referrs to 'Cantidad' label serie and so on.

In order to select the attributes you have to press in the '...' button that is next to the field and select all of them in the right order.

After pressing Continue you can visualize that the SD Panel has been created with the controls needed in order to generate the area chart with multiple series:

CreateSdPanelBasedOnUserControlsImg12

At runtime this SD Panel will look like the following image:

CreateSdPanelBasedOnUserControlsImg13