Introduction

With AppBuilder you can develop NativeScript apps for iOS, Android with a single, reusable JavaScript/TypeScript code base. The purpose of this tutorial is to demonstrate how you can add the different UI for NativeScript versions (Free and Pro) to your NativeScript project in AppBuilder.

Solution

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.

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 Pro.
  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