This is a migrated thread and some comments may be shown as answers.

Dialog Component Angular 2 - Can't bind 'width'...

1 Answer 452 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Renato
Top achievements
Rank 1
Renato asked on 23 Mar 2017, 06:47 PM

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.

1 Answer, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 27 Mar 2017, 08:06 AM
Hi,

It's likely that you're using an older version of the @progress/kendo-angular-dialog module. Please make sure you're using version 0.17 or later.

The current version can be seen by executing npm ls @progress/kendo-angular-dialog

Regards,
T. Tsonev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Renato
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Share this question
or