System requirements

Telerik UI for NativeScript depends on Telerik UI for Android and Telerik 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 Telerik UI for NativeScript

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

Installing Telerik UI for NativeScript (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 Telerik UI for NativeScript 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 Telerik UI for NativeScript 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 Telerik UI for NativeScript. Otherwise, if you come from a Trial to a Paid version, you may continue seeing the Trial version message.

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

  9. 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";


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");