This demo app is a hybrid mobile app with rich HTML5-based data visualization, developed with Kendo UI Professional. It provides a pie chart, a stock chart, a gauge and a QR code generator.
Supported mobile platforms: iOS, Android, Windows Phone
Developed with: Windows Phone SDK 8.1, Apache Cordova 4.0.0
data\boeing-stock.json: Contains dummy data for the stock chart.scripts\app.js: Contains the application initialization and the implementation of switching between the native and the flat UI skins.scripts\gauge.js: Contains the implementation of the gauge.scripts\pie-chart.js: Contains the implementation of the pie chart.scripts\qr-code.js: Contains the implementation of the QR code generator.scripts\stock-chart.js: Contains the implementation of the stock chart.
| Skin | Pie Chart | Radial Gauge | QR Code | Stock Chart |
|---|---|---|---|---|
| Native |  |
 |
 |
 |
| Flat |  |
 |
 |
 |
| Skin | Pie Chart | Radial Gauge | QR Code | Stock Chart |
|---|---|---|---|---|
| Native |  |
 |
 |
 |
| Flat |  |
 |
 |
 |
| Skin | Pie Chart | Radial Gauge | QR Code | Stock Chart |
|---|---|---|---|---|
| Native |  |
 |
 |
 |
| Flat |  |
 |
 |
 |
Apart from exploring the sample code base in GitHub, you can also clone and run the sample in your preferred AppBuilder client.
With the AppBuilder in-browser client, you can develop hybrid and NativeScript cross-platform mobile apps from your browser. You can use the in-browser client at https://platform.telerik.com.
- Click the button at the top of this document.
- Provide your login credentials, if prompted.
- In the Project Navigator, right-click the project node and select Manage Packages.
- In the Kendo UI tab, select a Kendo UI Professional package and click *Install.
- Confirm and wait for the operation to complete.
- Click Close.
With the AppBuilder Windows client, you can develop hybrid and NativeScript cross-platform mobile apps from your Windows desktop. You can download and install the Windows client from http://www.telerik.com/appbuilder/windows-client.
- Verify that the AppBuilder Windows client is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- In the dashboard, click Samples and select Hybrid.
- From the Workspace drop-down menu, select the workspace in which you want to develop your application.
- Select Demos.
- Select Kendo Ui Professional.
- (Optional) Rename the project.
- Click Clone.
- In the Project Navigator, right-click the project node and select Manage Packages.
- In the Kendo UI tab, select a Kendo UI Professional package and click *Install.
- Confirm and wait for the operation to complete.
- Click Close.
With the AppBuilder Windows client, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
With the AppBuilder extension for Visual Studio, you can develop hybrid and NativeScript cross-platform mobile apps from Microsoft Visual Studio. You can download and install the extension from http://www.telerik.com/appbuilder/visual-studio-extension.
- Verify that the AppBuilder extension for Visual Studio is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- Select AppBuilder → Get Sample.
- Select Hybrid.
- Select Demos.
- Select Kendo Ui Core Professional.
- (Optional) Rename the project.
- Click Get.
- In the Solution Explorer, right-click the project node and select Manage Packages.
- In the Kendo UI tab, select a Kendo UI Professional package and click *Install.
- Confirm and wait for the operation to complete.
- Click Close.
With the AppBuilder extension for Visual Studio, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
With the AppBuilder command-line interface, you can develop hybrid and NativeScript cross-platform mobile apps from the command line. You can learn how to add the AppBuilder commands to your command line from http://www.telerik.com/appbuilder/command-line-interface.
-
Verify that a command prompt is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
-
To list the available samples, run the following command.
appbuilder sample
-
Run the clone command for the sample as listed by
appbuilder sample.appbuilder sample clone kendo-ui-professional
The AppBuilder command-line interface shows the following message: Successfully initialized project in the folder!
-
In the command line, navigate to your project.
-
Run the following command.
appbuilder update-kendoui
-
Type the ID of the Kendo UI Professional package that you want to install and press
Enter. -
Confirm and wait for the operation to complete.
With the AppBuilder command-line interface, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
This demo app does not include Kendo UI Professional. You need to manually include it in your project. For more information, see the Configure the sample app section for your AppBuilder client above.