• How to Include the Telerik UI for NativeScript Package

How to Include the Telerik UI for NativeScript Package

Environment

Service Code (AppBuilder)
Feature Package management
Mobile Development type Native (NativeScript)

Description

Telerik UI for NativeScript lets you incorporate native UI controls in your NativeScript applications. You can choose between a free limited edition or a complete edition available with specific subscription plan. To have access to the UI components, you need to add the Telerik UI for NativeScript package to your app in AppBuilder.

Solution

Telerik UI for NativeScript (Free)

  1. Open your app in AppBuilder.
  2. In the Project Navigator (Solution Explorer in Microsoft Visual Studio), right-click the second node from the top and select Manage Packages.
  3. On the NPM tab, search for nativescript-telerik-ui and select the package.
  4. (Optional) Select a package version.
  5. Click Install.

IMPORTANT: The NPM nativescript-telerik-ui-pro package is for the Trial version.


Telerik UI for NativeScript (Pro)

  1. Navigate to www.telerik.com/account and log in your account.
  2. Under Products and Subscriptions, select UI for NativeScript.
  3. In the newly opened window, select Download.
  4. Locate Other Setup Files and select Telerik_UI_for_NativeScript.zip. The file should begin downloading automatically.
  5. After the download completes, extract the .zip file on your computer.
    The extracted file contains a Packages folder where you can find the required nativescript-ui-pro.tgz file.
  6. Run AppBuilder and open your app.
  7. In the Project Navigator (Solution Explorer in Microsoft Visual Studio), right-click the second node from the top and select AddExisting Files.
  8. In the newly opened explorer window, navigate to nativescript-ui-pro.tgz, select it, and click Open.
  9. Open package.json in the root of your app.
  10. Inside the dependencies object add a path to the newly imported package: "nativescript-telerik-ui-pro": "file:path-to-nativescript-ui-pro.tgz"
    If the package was placed according to this tutorial, the dependency should look like this: "nativescript-telerik-ui-pro": "file:nativescript-ui-pro.tgz"


IMPORTANT: After you include the package in your project, you must add a reference to it in your JavaScript or XML files.

See Also

Start a free trial Request a demo
Contact us: +1-888-365-2779
sales@telerik.com
Copyright © 2016-2017, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.