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.

e.g. You can use the SmartDevicesPlus chart user control by selecting any template under the "Chart" category:

CreateSdPanelBasedOnUserControlsImg01

Other user controls also have their own tempalte:

MobileDynamicFormImg02

SignaturePadImg02

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

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

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