Release notes: 3.0.4

General

  • Removed the nativescript-angular plugin from peer dependencies (We plan to split the ui plugin to an "non Angular" and "Angular" separate plugins in the future, and the Angular one will include its own peer dependency to that package)

Release notes: 3.0.3

General

  • Updated plugin's peer dependencies to match the latest versions of the nativescript-angular plugin

Release notes: 3.0.2

General

  • The plugin is now compatible with the latest 3.1.2 version of nativescript-angular

Release notes: 3.0.1

General

  • fixed an issue with Webpack support for Angular

Release notes: 3.0.0

Breaking Changes:

RadAutoComplete

  • The control now has a focused state which uses the application’s accent color (on Android)
  • There is a default implementation of the clear button (on iOS)
  • The property showCloseButton’s default value is now true
  • The property suggestionViewHeight’s default value is now undefined which causes default measuring logic depending on the available space

RadListView

New:

RadCalendar

RadDataForm

RadAutoComplete

RadListView

Fixed:

RadCalendar

  • fixed an issue on Android with showTitle styling attribute conflicting with the same defined on the SDK's ActionBar
  • fixed an issue with selectedDateRange returning wrong selected dates on Android
  • fixed various styling issues

RadListView

  • fixed issues with Data Binding support for Header & Footer on iOS Angular
  • fixed an issue with setting the itemInsertAnimation property via XML
  • fixed an issue with loosing event subscriptions on list items when navigating from one page to another and then going back on Angular
  • fixed an issue with selection behaving erroneously on Android when List Header is defined
  • fixed an issue with Pull-to-Refresh event firing before releasing the finger on iOS
  • fixed an issue with Load On Demand template not working on Angular
  • fixed a crash when no listViewLayout is not defined
  • fixed issues with Pull-to-Refresh sensitivity
  • fixed an issue with item animations and inserting items at the beginning of the list
  • fixed an issue with not being able to cancel the itemSelectingEvent
  • fixed an issue with swipe limits being ignored on Android when set to 0
  • fixed an issue with swipe limits being inverted on Android

RadDataForm

RadAutoComplete

  • The control could be scrolled in all directions and was giving misleading edge glows when scroll should have been disabled
  • The properties showCloseButton and closeButtonImageSrc had inconsistent behavior between Android and iOS
  • The property completionMode couldn’t be changed runtime
  • The control’s height was not updated correctly when the layoutMode was updated
  • The suggestionView had layout issues causing it to sometimes stay open or stay over the keyboard
  • Exception when trying to remove duplicated tokens (on iOS)

Release notes: 2.0.0

General

  • This release officially supports the {N} 3.0 major version. Note: because of breaking changes that come from 3.0 itself the nativescript-telerik-ui 2.0.0 plugin also introduces some breaking changes to its public APIs, all of them are described below:

Breaking changes

RadChart

  • Changed the type of majorStep from number to string

RadDataForm

  • style property of PropertyEditor renamed to propertyEditorStyle

RadRadialGauge

  • style property of GaugeScale renamed to scaleStyle
  • style property of RadialNeedle renamed to needleStyle
  • style property of BarIndicator renamed to indicatorStyle

RadSideDrawer

  • showOverNavigation has been reworked. This feature has been simplified and the previous DrawerPage has been removed. Now all you need to do is set showOverNavigation to true, more details here.

New

RadCalendar

RadListView

  • exposed native event parameners in the arguments of the itemTapEvent

Fixed

RadDataForm

  • The titleStyleProperty default value was previously incorrectly set to false which is not compatible with the property which is of type GroupTitleStyle, changed to undefined
  • Renamed TKPropertyEditorirective to TKPropertyEditorDirective. This shouldn't effect the public API since the selector <TKPropertyEditor></TKPropertyEditor> is not changed

RadListView

  • RadListView with loadOnDemandMode will crash after navigation back from details page (#69)
  • Fixed Item Header and Item Footer layout glitch when using ListViewGridLayout

RadSideDrawer

  • showOverNavigation not working in {N} + Angular projects (#61). This feature has been simplified, more information can be found here.

Release notes: 1.6.2

Fixed

RadListView

  • Fixed missing RecyclerView reference when creating a release build

Release notes: 1.6.1

General

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

New

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

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

General

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

New

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 Progress NativeScript UI. RadListView is based on the familiar native List controls from Progress UI for Android and Progress 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: