System requirements

Progress NativeScript UI depends on Progress UI for Android and Progress UI for iOS and combined with these suites, the following system requirements are implied:

  • Android API Level 17+
  • iOS 8+
  • The latest verison of NativeScript

Since iOS 10, Apple requires explicit description when NSCalendar is being used, more precisely when one is trying to access the phone's calendar events. This description is prompted to the user, only when there is an attempt for accessing events, and requires user's confirmation. If you are using UI for NativeScript but never accessing device's calendar your users won't get prompted with this message. In order to submit your application to the AppStore make sure to include a NSCalendarsUsageDescription variable to your info.plist and provide some description, for example "This application needs to acces your calendar events."

Installing Progress NativeScript UI

The following article assumes that you already have the latest version of NativeScript and have created a NativeScript application.

Installing Progress NativeScript UI (free)

  1. Open a console window and go to the root directory of your NativeScript application.
  2. Install the nativescript-telerik-ui package by typing the following command: tns plugin add nativescript-telerik-ui. This will install the publicly available, free Progress NativeScript UI bundle by fetching it from npmjs.org.

After successful installation, you will be able to access the components from the suite by using the following code:


import listViewModule = require("nativescript-telerik-ui/listview");
import drawerModule = require("nativescript-telerik-ui/sidedrawer");


var listViewModule = require("nativescript-telerik-ui/listview");
var drawerModule = require("nativescript-telerik-ui/sidedrawer");

Installing Progress NativeScript UI Pro

Make sure to delete the lib/iOS/TelerikUI.framework file at the root level of your app if you have a previous version of Progress NativeScript UI. Otherwise, if you come from a Trial to a Paid version, you may continue seeing the Trial version message.

Downloading the Plugin From Telerik.com

  1. Download the .tgz file from Telerik's website. Follow these steps to aquire the lastest version:
  2. Go to www.telerik.com
  3. Login with your account
  4. From the drop-down menu beside your username choose "Account Overview"
  5. From the "Account Overview" bar choose "Downloads"
  6. From the list of activated products choose "UI for NativeScript"
  7. Choose and donwload the prefered file type (*.pkg for iOS and Linux, *.msi Windows installer or *.zip containing *.tgz file)

  8. Assuming that you have downloaded the .tgz file from Telerik's website, you can install it in your {N} application by using tns plugin add <path-to-tgz>.

Downloading from https://www.npmjs.com/package/nativescript-telerik-ui-pro

nativescript-telerik-ui-pro is also available as a NPM package from the NPMJS.com repository. If you have a valid license you can download and use the paid plugin from there. If you do not have a paid license you still may use the plugin with the TRIAL license being automatically triggered.

After installing the package, you can access the components in it by using the following code:


import * as listViewModule from "nativescript-telerik-ui-pro/listview";
import * as drawerModule from "nativescript-telerik-ui-pro/sidedrawer";
import * as calendarModule from "nativescript-telerik-ui-pro/calendar";
import * as dataFormModule from "nativescript-telerik-ui-pro/dataform";
import * as chartModule from "nativescript-telerik-ui-pro/chart";
import * as chartModule from "nativescript-telerik-ui-pro/gauges";
import * as chartModule from "nativescript-telerik-ui-pro/autocomplete";


var listViewModule = require("nativescript-telerik-ui-pro/listview");
var drawerModule = require("nativescript-telerik-ui-pro/sidedrawer");
var calendarModule = require("nativescript-telerik-ui-pro/calendar");
var chartModule = require("nativescript-telerik-ui-pro/chart");
var dataFormModule = require("nativescript-telerik-ui-pro/dataform");
var chartModule = require("nativescript-telerik-ui-pro/gauges");
var dataFormModule = require("nativescript-telerik-ui-pro/autocomplete");

If you are working on a NativeScript Angular project, make sure to go through the Angular Getting Started article as well.