Release notes: 1.6.1

New

General

  • The nativescript-telerik-ui/pro plugin is compatible with Angular Ahead-of-time compilation

RadAutoCompleteTextView

  • Added a way to show a close button in Tokens (iOS)

Fixed

RadCalendar

  • When the calendar is in year viewMode (in xml), first the month view is loaded then the year mode (Android)
  • The viewModeChanged event was not called when changing between Year and MonthNames (Android)
  • When screen is rotated with inline events open, the view is not updated correctly (Android)
  • Week numbers were not calculated correctly (iOS)
  • Tapping on a month in year view now animates to month view (on iOS for parity with Android)
  • Opened event remains open after eventViewMode change (iOS)

RadDataForm

  • Not all validation messages are shown after checking for errors via hasValidationErrors() (iOS)

RadListView

  • Setting spanCount to an odd number and when in landscape orientation there is a vertical white line between some items (#54)
  • The item's height is stretched to the entire view port (Android)

Release notes: 1.6.0

New

RadDataForm

  • Added property converters
  • Added titleHidden to control whether editor group title was visible
  • Added custom editors
  • Added hasValidationErrors() method to the RadDataForm that returns the validation status of the entire form
  • Added AutoCompleteInline editor

Fixed

RadAutoCompleteTextView

  • Various fixes and improvements

RadDataForm

  • That editor styles were lost when data form was read only (android)
  • Property value was clamped when outside of the default Stepper editor range (iOS)
  • Original entity's property values were not updated after commit (iOS)
  • Exception when valuesProvider was set an array of numbers
  • The custom "PropertyEditorStyle" is lost if the RadDataForm's isReadOnly is set to true (android)

RadSideDrawer

  • Setting "drawerTransition" via XML throws exception
  • Using an <router-outlet></router-outlet> in the tkMainContent

RadListView

  • 'swipeActions' stops working if you navigate to a new Page and come back (android)
  • App crashes when navigating back to a ListView with a header/footer

Release notes: 1.5.1

New

General

  • The nativescript-telerik-ui/pro plugin is compatible with webpack and no longer throws exceptions when packing

RadChart

  • Added Angular directives that allow changing the style of the PieSeries in RadPieChart via its Palette and PaletteEntry:
  • Fixed a bug that caused dates to render incorrectly on DateTimeContinuousAxis due to DST (Daylight Savings Time).
tkPiePalette - Directive identifying the palette objects of the RadPieChart component.
tkPiePaletteEntry - Directive identifying an object of 'entries' collection of the Palette.

RadListView

  • Swipe Actions: an improved version of the already familiar Swipe-to-Execute experience. For more information: RadListView: Swipe Actions

RadDataForm

RadAutoCompleteTextView (Beta)
New added RadAutoCompleteTextView control (Beta version) with the following features.

  • Suggest modes
  • Display modes
  • Layout modes
  • Completion modes

Fixed

RadCalendar

  • Fixed issue causing the inlineEventSelectedEvent to not be fire

RadListView

  • Fixed issue with isItemSelected() wrongly returning false for a selected item
  • Fixed issue where .scrollToIndex() does not work on iOS with horizontal layout
  • Fixed issue with isItemSelected() wrongly returning false for a selected item
  • Fixed issue with cell not closing in swipe actions on tap outside the swiped cell

RadChart

  • Fixed issues with DateTimeContinuousAxis
  • Fixed issue in the pointSelected/pointDeselected events causing the pointIndex of the ChartEventData to be undefined
  • Fixed issue causing the series of the ChartEventData in the pointSelected event to be undefined

RadSideDrawer

  • Styles/CSS not loading in Angular

RadDataForm

  • Fixed an issue that displayName couldn't be empty
  • Fixed an issue that commitMode and validationMode couldn't be changed from xml
  • Fixed an issue with different values that are picked from List, Picker and SegmentedEditor editors in android and ios
  • Fixed an issue that readOnly was not applied on android
  • Fixed an issue that Phone was not showing the Phone keyboard on iOS
  • Fixed an issue that hidden was not applied correctly on iOS

Release notes: 1.4.0

New

RadChart

  • Added Angular 2 inline directives for setting the Axis of each Series (multiple axis):
tkLineVerticalAxis - sets vertical axis to LineSeries
tkLineHorizontalAxis - sets horizontal axis to LineSeries
tkBarVerticalAxis - sets vertical axis to BarSeries
tkBarHorizontalAxis - sets horizontal axis to BarSeries
tkRangeBarVerticalAxis - sets vertical axis to RangeBarSeries
tkRangeBarHorizontalAxis - sets horizontal axis to RangeBarSeries
tkAreaVerticalAxis - sets vertical axis to AreaSeries
tkAreaHorizontalAxis - sets horizontal axis to AreaSeries
tkSplineVerticalAxis - sets vertical axis to SplineSeries
tkSplineHorizontalAxis - sets horizontal axis to SplineSeries
tkSplineAreaVerticalAxis - sets vertical axis to SplineAreaSeries
tkSplineHorizontalAxis - sets horizontal axis to SplineAreaSeries
tkBubbleVerticalAxis - sets vertical axis to BubbleSeries
tkBubbleHorizontalAxis - sets horizontal axis to BubbleSeries
tkScatterBubbleVerticalAxis - sets vertical axis to ScatterBubbleSeries
tkScatterBubbleHorizontalAxis - sets horizontal axis to ScatterBubbleSeries
tkCandlestickVerticalAxis - sets vertical axis to CandlestickSeries
tkCandlestickHorizontalAxis - sets horizontal axis to CandlestickSeries
tkOhlcVerticalAxis - sets vertical axis to OhlcSeries
tkOhlcHorizontalAxis - sets horizontal axis to OhlcSeries
tkScatterVerticalAxis - sets vertical axis to ScatterSeries
tkScatterHorizontalAxis - sets horizontal axis to ScatterSeries

RadDataForm

  • Added support for runtime property changes of the entity properties
  • Added support for data binding of the properties of EntityProperty

Fixed

RadChart

  • Setting verticalAxis/horizontalAxis of an Series object (Multiple axes) at runtime (angular) does not work while running on iOS
  • In the pointSelected/pointDeselected events on iOS the pointIndex of the ChartEventData is undefined
  • The series of the ChartEventData in the pointSelected event on Android is null
  • When running on {N} + Angular 2 in Android the Palette is shared between the entire series families causing the default to be overridden

RadDataForm

  • fixed an issue with index property not being applied correctly

RadListView

  • Setting styles to headerItemTemplate and footerItemTemplate via css (class) are not applied on Android

RadSideDrawer

  • When running on {N} + Angular 2 and using the RadListView causes its pullToRefreshInitiated and itemSelected events to stop working
  • In {N} + Angular 2 application setting the transition property via binding initialized in ngOnInit causes incorrect offset

Release notes: 1.3.1

New

RadListView

RadChart

  • Full Angular 2 support

RadSideDrawer

  • Added support for displaying the Drawer over the Action Bar on Android and iOS

RadDataForm

  • an entirely new component

Fixed

RadListView

  • fixed a discrepancy between the behaviors of swipe-to-execute on Android and iOS

RadSideDrawer

  • fixed an issue where using router-outlet (child routes) was not working when placed inside tkMainContent
  • In Angular 2 placing RadListView instances inside RadSideDrawer no longer brakes event handlers attached to RadListView's events

RadCalendar

  • fixed an issue with applying a displayDate in XML
  • fixed an issue where viewMode was not properly updated
  • fixed an issue with the navigatedToDate event not being called
  • fixed an issue with cells being outside of the viewport still being selected with a gesture

Breaking

RadListView

  • The Angular 2 custom RadListView directives have gone through a makeover and have been renamed. Now all nativescript-telerik-ui Angular 2 inline directives all share the ‘tk’ prefix, more details about the custom directives can be found here:
listItemTemplate -> tkListItemTemplate
listViewHeader -> tkListViewHeader
listViewFooter -> tkListViewFooter
listItemSwipeTemplate -> tkListItemSwipeTemplate
listLoadOnDemandTemplate -> tkListLoadOnDemandTemplate
radListViewLayout -> tkListViewLayout

RadChart

  • The Angular 2 custom RadChart directives have gone through a makeover and have been renamed. Now all nativescript-telerik-ui Angular 2 inline directives all share the ‘tk’ prefix, more details about the custom directives can be found here:
cartesianSeries -> tkCartesianSeries
pieSeries -> tkPieSeries
cartesianGrid -> tkCartesianGrid
cartesianPalette -> tkCartesianPalette
cartesianHorizontalAxis -> tkCartesianHorizontalAxis
cartesianVerticalAxis -> tkCartesianVerticalAxis
pieLegend -> tkPieLegend
cartesianLegend -> tkCartesianLegend
cartesianTrackball -> tkCartesianTrackball
cartesianAnnotations -> tkCartesianAnnotations
pieLabelStyle -> tkPieLabelStyle
donutLabelStyle -> tkDonutLabelStyle
lineLabelStyle -> tkLineLabelStyle
barLabelStyle -> tkBarLabelStyle
rangeBarLabelStyle -> tkRangeBarLabelStyle
areaLabelStyle -> tkAreaLabelStyle
splineLabelStyle -> tkSplineLabelStyle
splineAreaLabelStyle -> tkSplineAreaLabelStyle
bubbleLabelStyle -> tkBubbleLabelStyle
scatterBubbleLabelStyle -> tkScatterBubbleLabelStyle
candlestickLabelStyle -> tkCandlestickLabelStyle
ohlcLabelStyle -> tkOhlcLabelStyle
scatterLabelStyle -> tkScatterLabelStyle
cartesianPaletteEntry -> tkCartesianPaletteEntry

RadSideDrawer

  • The Angular 2 custom RadChart directives have gone through a makeover and have been renamed. Now all nativescript-telerik-ui Angular 2 inline directives all share the ‘tk’ prefix, more details about the custom directives can be found here:
drawerMain -> tkMainContent
drawerSide -> tkDrawerContent
  • The tkMainContent and tkDrawerContent directives are no longer set on a <template> element but rather on the layout container (StackLayout, GridLayout etc.) directly.

Release notes: 1.2.0

New

RadChart

  • Angular 2 RC3 support (beta)
  • Selection behavior of series and data points is improved for iOS and Android. See updated documentation article
  • Major improvements in dynamic updates of chart elements in case of changes applied from the code behind.

RadCalendar

  • Angular 2 RC3 support

RadListView

  • Major performance improvements for the iOS platform
  • Support for Angular 2 RC3 added
  • Typescript definitions for Angular 2 RC3 added

RadSideDrawer

  • Ability to show over NavigationBar on iOS added, Android support is on its way
  • Support for Angular 2 RC3 added
  • Typescript definitions for Angular 2 added

Fixes

RadListView

  • Cannot find module 'nativescript-telerik-ui/listview/angular/listview-directives' fixed

RadSideDrawer

  • Cannot find module 'nativescript-telerik-ui/sidedrawer/angular/side-drawer-directives' fixed

Breaking changes

RadChart

Release notes: 1.1.1

New

RadChart

  • Styling of series and datapoint selection

Fixes

RadChart

  • DateTime axes fixes
  • various fixes and optimizations

RadListView

  • fixed an issue with item height not being calculated correctly on Android

RadCalendar

  • Major performance optimizations for Android

Release notes: 1.1.0

New

RadListView

  • Angular 2.0 directives released. Take a look at the dedicated article for more information: ListView for Angular

RadSideDrawer

  • Angular 2.0 directives released. Take a look at the dedicated article for more information: SideDrawer for Angular

Release notes: 1.0.0

New

RadListView

  • itemLoading event which is fired for each item that is being visualized in the viewport of the control
  • support for Header and Footer exposed through itemHeaderTemplate and itemFooterTemplate
  • support for Load on Demand item customization via loadOnDemandItemTemplate
  • reorderMode property for switching between HoldAndDrag and Drag reorder modes. More information about this is available here: ListView: Item Reorder
  • selection indication for Android by default

RadCalendar

  • possibility to change calendar transitions through transitionMode
  • support for changing transition's direction using horizontalTransition
  • support for inline and popover events through eventsViewMode
  • support for custom styling of calendar in all view modes
  • support for event color via eventColor property of CalendarEvent class

RadCartesianChart

  • trackball support using trackball property

RadSideDrawer

  • support for disabling swipe to open/close behavior through gesturesEnabled

Fixes

RadListView

  • fixed issue with control not showing then Pull-to-Refresh is enabled
  • fixed issue with missing selection indicator on Android
  • fixed issue with list not refreshing when ObservableArray is used as a source and unshift is called at index 0

RadCalendar

  • fixed date selection binding issue

RadChart

  • fixes for runtime updates of changed properties

Breaking changes

RadListView

  • swipeCells renamed to itemSwipe
  • cellReorder renamed to itemReorder

Release notes: 0.2.5

New

RadListView

  • support for load-on-demand view customization via the loadOnDemandItemTemplate property
  • support for one additional item reorder mode: Drag. Set by using the reorderMode property: RadListView Item Reorder

Fixes

RadListView

  • fixed an issue on iOS which prevented RadListView from correctly calculating items' size on orientation changes
  • fixed an issue with multiple layout calls causing performance degradation on iOS i # Release notes: 0.2.4

New

  • migrated to {N} 1.6.0

Release notes: 0.2.3

New

RadListView

  • new itemReorderStarted event that is fired before an item reorder action is performed by the user

RadCartesianChart

  • new labelRotationAngle and labelFitMode added as additional customization options for labels in cartesian axes

Fixes

  • Missing legend positioned in Left or Right for Android Chart
  • Crash of Pie chart for iOS when items collection is updated in runtime.

RadSideDrawer

  • External CSS styling not applying for main and drawer contents.

Release notes: v0.2.0

New

RadCalendar is now included in nativescript-telerik-ui for more information on the control check out the corresponding documentation article: RadCalendar Overview

Fixes

RadSideDrawer

  • error when hiding modal page with RadSideDrawer

Features

RadListView

  • notifySwipeToExecuteFinished() - a method used to reset the swipe-to-execute state of RadListView

Breaking changes:

RadListView

  • didLoadDataOnDemand() is renamed to notifyLoadOnDemandFinished()
  • didPullToRefresh() is renamed to notifyPullToRefreshFinished()

Release notes: v0.1.3

Fixes:

RadListView

  • A bug causing faulty behavior with inserting, deleting or updating items via an ObservableArray.
  • A bug on iOS with dynamic item sizing

Release notes: v0.1.2

Overview

With 0.1.2 we're introducing support for NativeScript 1.5. Additionally, there are a bunch of fixes and improvements on the existing controls, as well as brand new features. For more information, take a look at the following sections.

Features:

RadListView

  • Selection API introduced. For more information, check out the corresponding documentation article: ListView Selection
  • No need to manually manage the RecyclerView reference

RadCartesianChart and RadPieChart

  • Selection behavior and API introduced. For more information, check out the corresponding documentation article: RadCartesianChart Selection
  • Pan & Zoom behaviors and API introduced. For more information, check out the corresponding documentation article: RadCartesianChart Pan&Zoom
  • Pie series improved. For more information, check out the corresponding documentation article: PieSeries Customization
  • Chart annotations implemented. For more information, check out the corresponding documentation article: Chart Annotations

RadSideDrawer

  • SideDrawer overrides bindingContext on mainContent and drawerContent if set manually.

Breaking changes:

RadListView:
All events are now renamed as follows:

  • shouldSelectItem becomes itemSelecting
  • shouldDeselectItem becomes itemDeselecting
  • didSelectItem becomes itemSelected
  • didDeselectItem becomes itemDeselected
  • didReorderItem becomes itemReordered
  • shouldSwipeCell becomes itemSwiping
  • didSwipeCell becomes itemSwipeProgressChanged
  • startSwipeCell becomes itemSwipeProgressStarted
  • didFinishSwipeCell becomes itemSwipeProgressEnded
  • didPull becomes pullToRefreshInitiated
  • shouldLoadMoreData becomes loadMoreDataRequested

RadCartesianChart:

  • Point labels styling properties are moved to dedicated PointLabelStyle class. For more information check out the article Styling Point Labels

RadSideDrawer

  • Removed SideDrawerDelegate. Introduced events on its place. For more information on events in RadSideDrawer check this article: SideDrawer callbacks

Release notes: v0.1.0

Features:

RadListView - a new component in Telerik UI for NativeScript. RadListView is based on the familiar native List controls from Telerik UI for Android and Telerik UI for iOS. It exposes their major features through a unified API. Currently available features are:

  • swipe-to-execute
  • item layouts (linear, grid, staggered)
  • pull-to-refresh
  • item reorder
  • load-on-demand
  • observable array support
  • item animations

SideDrawer:

  • toggleDrawerState method

Fixes:

Chart:

  • issue on Android with attempting to insert a Chart node into the children collection of another parent node

SideDrawer:

  • only uppercase drawerLocation values are respected
  • iOS: Releasing swipe gesture in order to navigate back to the main page causes a crash

Breaking changes:

Chart:
All top-level types are now renamed as follows:

  • CartesianChart becomes RadCartesianChart
  • PieChart becomes RadPieChart

SideDrawer:
All top-level types are now renamed as follows: