Telerik Forums
Kendo UI for jQuery Forum
1 answer
1.7K+ views

Hello everyone,

 

    I'm using Kendo UI for Angular 2 and it's awesome, but I'm having a little issue. Trying to handle the dialog component I need to change its dimensions. Looking at the docs I saw its possible to use "width" and "height" properties. When I put those I received and error: 

EXCEPTION: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'width' since it isn't a known property of 'kendo-dialog'.
1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module.
2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.

 

My Component

 

import { Component } from '@angular/core';
 
 
@Component({
    selector: 'dialog-edit-form',
    styles: [
        "input, label { width: 100%; } label {font-size: bold; color: black;}"
    ],
    template: `
        <kendo-dialog [width]="500">
       
        </kendo-dialog>
    `
})
export class FormComponent {
 
}

 

 

Thanks (: 

error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
error_handler.js:56 EXCEPTION: Uncaught (in promise): Error: Template parse errors: Can't bind to 'width' since it isn't a known property of 'kendo-dialog'. 1. If 'kendo-dialog' is an Angular component and it has 'width' input, then verify that it is part of this module. 2. If 'kendo-dialog' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
T. Tsonev
Telerik team
 answered on 27 Mar 2017
3 answers
730 views

When having a Grid with only one column,the height of the row decreases when editing its cell. Please check the following example:

http://dojo.telerik.com/EsATab 

Dimiter Topalov
Telerik team
 answered on 27 Mar 2017
6 answers
381 views

Hi, 

How to end the current cell edit mode in the toolbar button click event?

Thanks! 

Regards,

Su Pei

Su Pei
Top achievements
Rank 1
 answered on 27 Mar 2017
2 answers
611 views

I currently have the Date/Time picker set to a time interval of 240 minutes, which is 12:00AM, 4:00AM, 8:00AM, 12:00PM, 4:00PM, and 8:00PM.  I would like to only show 8:00AM and 8:00PM.  Is this achievable?

Kong
Top achievements
Rank 1
 answered on 24 Mar 2017
12 answers
654 views

Hello -

We are making heavy use of Kendo UI Grids in our AngularJS-based application.

 In some views, we may have up to 6 different kendo grids showing data.  We are using remote live scrolling in some and others we are loading all the data (when dataset size is small).

**All of our grids are READ-ONLY.  In other words, users are just viewing data, not editing, modifying, etc. rows**

We have discovered that each *ROW* in each table has an angular $watcher attached to it for **each** column value.

For example:

1.<tr class="k-alt ng-scope" data-uid="586ee20c-a5a7-4f61-b379-b719b1ca431e" role="row">
2.  <td style="display:none" role="gridcell">
3.     <span ng-bind="dataItem.id" class="ng-binding">22</span>
4.  </td>
5.  <td role="gridcell">
6.     <span ng-bind="dataItem.hostname" class="ng-binding">myHost</span>
7.  </td>
8.</tr>

In the example above, **TWO** angular watches will be created for "id" and "hostname" for **each row**.

If our table has 200 rows x 2 watchers = 400 angular watchers added to the angular $digest cycle (which is run 2x every time there's an "event" that triggers the digest cycle).

We understand that for **editable** grids these watches may be required to correctly perform two-way data-binding.  However, since our grids are read-only we do **NOT** need these watches created (and they are impacting our application's performance).  

We have tried setting "editable: false" on both the grid options as well as individual columns, but it seems to have no affect.

Is there any way to prevent Kendo from creating all these **unnecessary** AngularJS watches and scopes?

Nate
Top achievements
Rank 1
 answered on 24 Mar 2017
1 answer
354 views

Hello.

We have a problem of time shift to DateTimePicker widget.
When I entered the current date and time, and switch it on 03.26.2017, the DateTimePicker added to the time of one hour. It's a problem. We do not change time automatically when time clock time forward.
Worse, if I change the value on the date 27.03.2017 time to go back - this is a mistake.
Or if the specified date to 03/26/2017 and change it for any other - moves the time.
Behavior is also seen on the official website:
http://demos.telerik.com/kendo-ui/datetimepicker/index

Well thank you.

Martin
Telerik team
 answered on 24 Mar 2017
1 answer
111 views

Hello,

Can you please help us with detail explanation and full steps how to implement drop down list column in Kendo grid that should work when we add new record and also  when we edit existing record.

can you please respond ASAP.

Stefan
Telerik team
 answered on 24 Mar 2017
1 answer
119 views

Okay, been working with this one for about 20 mins and I'm not sure what's going.

I've got a kendo Switch which I enable like so on my page inside using an MVVM framework.

<input data-role="kendo.mobile.ui.Switch" id="mySwitch'" data-type="boolean'" data-name="showRecords'" data-checked="false" />

The switch renders find, but no matter if I have it on or off is just sends "on" to my form as a value.

 

How do I get it to send off please?

 

Philip

Bozhidar
Telerik team
 answered on 24 Mar 2017
1 answer
684 views

We want to validate only if the user has inputed any data into a form field. So basically no fields are required, but if for some reason they filled out the email address field we want to make sure it a valid address.

How would we use the Validator in this use case in an MVVM pattern.

Thanks in advance

Alex Hajigeorgieva
Telerik team
 answered on 24 Mar 2017
1 answer
218 views

We started seeing a script error in the dropdownlist control in version 2017.1.228.  This error doesn't seem to happen in 2017.1.118.  When hitting Tab on a focused dropdownlist when the list has the empty option selected you get a script error.  Please see the dojo below.  Thanks.

http://dojo.telerik.com/uquWE

 

 

Nencho
Telerik team
 answered on 24 Mar 2017
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?