Telerik Forums
Kendo UI Integration Forum
5 answers
635 views

I have been battling an issue during my current ticket and the last several tickets I've worked on where I'm at now. I've only been here for about seven months now and we're a WebForms shop. But our recent adoption of Kendo UI (coupled with my ASP.NET MVC background) has forced me to adapt and manipulate the Page Life Cycle to mimic MVC, especially when retrieving JSON for the kendoChart and kendoGrid. I'm able to do my work but it's slow because I find myself combating the RadControls we use. 

The RadControl that is shown on every page is the RadMenu in the MasterPage. Just using the MasterPage results in most of my pure HTML5 becoming mangled by Telerik UI for ASP.NET AJAX.

 

For example, since MSIE doesn't support input[type="number"], I resorted to kendoNumericTextBox, but when that runs the ASP.NET AJAX client-side scripts transform my HTML and add classes that wreck the styling.

 

The two frameworks are definitely not compatible. Or at least they are semi-compatible.

 

I ended up dynamically adding the inputs in the ready() event, calling kendoNumericTextBox() on them, and then spawning off an interval to check when the rfdDecorated class gets added to them so I can remove the class from them and their siblings. It does work, but it's messy, and trying to get around the ASP.NET AJAX framework when using Kendo UI is a pain.

Any ideas on how to make this situation better? My initial thought was to get rid of the RadMenu altogether because that's definitely what is causing the issue. There's a kendoMenu that looks and feels pretty much exactly like the RadMenu does but with obviously a lot less overhead. But pitching that idea to management would not be very easy because I believe they're too comfortable with the RadControls.

This is a strategy question and any input would be greatly appreciated.

Marin Bratanov
Telerik team
 answered on 01 Mar 2016
1 answer
102 views

Has anyone had experience with integrating Kendo with Hot Towel Angular?

We are attempting it and we aren't having any luck.

Genady Sergeev
Telerik team
 answered on 05 Feb 2016
2 answers
94 views
Hello,
We are currently in a trial to evaluate the product for a project. We want to create a masked date input, but using the "angular way" which means no JQuery DOM manipulation.

We saw this article and is exactly what we need, but we are unable to reproduce it using just angular.

Please help.

Thanks in adavance
Viktor Tachev
Telerik team
 answered on 03 Feb 2016
4 answers
163 views

Hi forum,
I'm interested in the use of Kendo UI widgets the WebComponent way, and also supporting IE11+.
In Chrome, without loading the polyfills everything is pretty neat and straight forward.
The problem comes when I import the  webcomponents.js library. In both browsers I get the "white screen of death" i.e. white screen, no errors, no exceptions in the console. I import the polyfill as it should be - the first <script> tag on page.
Here is my set-up:
Kendo UI: 2016.1.112;
OS Name: Microsoft Windows 8.1 Enterprise
OS Version: 6.3.9600 N/A Build 9600
IE v11.0.9600.18098
IE update v11.0.25 (KB3100773)
Chrome v47.0.2526.111 m (64-bit)
jQuery v1.9.1
webcomponents.js v0.7.20

Alexander Popov
Telerik team
 answered on 26 Jan 2016
3 answers
511 views

Hi

I am working on AngularJS and trying to KendoUI using below link-
http://docs.telerik.com/kendo-ui/AngularJS/introduction

I am using Visual Studio 2013 as editor and I am struggling to every option/attributes (prefix with k-) available as a part of kendo.directives.
Where I can find entire list of 70+ KendoUI AngularJS controls and their properties?

For example, when I am using on Kendo-Window, I am able to add actions. But there is no documentation I found to attach events to these actions (like custom or refresh). How to attach method on click of custom or refresh?

        <div kendo-window="wnd" k-actions="['refresh','custom','minimize','maximize','close']" >
            Color Picker:<h4> {{color3}}</h4>
            <input kendo-color-picker ng-model="color3" k-buttons="true" k-preview="false" k-input="true" />
        </div>

Please share the exact documentation path of each control and their properties just like you have it for HTML5 controls.

 

Cheers

Sanket

 

Petyo
Telerik team
 answered on 25 Jan 2016
1 answer
124 views

Hi,

Kendo UI version -  2015.1.429

I have been tasked with creating a week view which breaks things out by day of the week and then resource. I know that I can extend the week view (or multiday view), which I have tried to do, but I am finding it extremely difficult. I have tried altering _group and _timeSlotGroups, but regardless of how I try to tweak it, it doesn't appear to what I expect. I expect it to behave the same as an unaltered week view with events ordered as I requested. Can you share with me if and how this can be achieved properly? Thanks

Vladimir Iliev
Telerik team
 answered on 18 Jan 2016
1 answer
139 views

Hi,

As i need not refresh whole kendo grid i just want to update change value with previous column values.

 

Regards,

Rajender Kumar

Boyan Dimitrov
Telerik team
 answered on 23 Dec 2015
2 answers
97 views

hi,

am wondering any example for using integrating with KnockoutJS ?

 

regards....

CH
Top achievements
Rank 1
 answered on 22 Dec 2015
3 answers
252 views
Hi, i tried to catch the kendoRendered event in angular but it's never fired.
kendoWidgetCreated event work fine but not kendoRendered...
my kendo ui version  is v2014.2.1008 

Sample:

this.$scope.$on('kendoRendered', function (event: ng.IAngularEvent)
        {
            //NOT FIRED!!!
        });
        //Gestisce l'inizializzazione dei widget kendo
        this.$scope.$on('kendoWidgetCreated', function (event: ng.IAngularEvent, widget: kendo.ui.Widget)
        {
            //FIRED WELL!!
        });

any suggestions?
thanks

Petyo
Telerik team
 answered on 18 Dec 2015
1 answer
137 views

I am evaluating Kendo UI for use with Angular.  I have spent many hours oin this issues, with no resolution so far.

I am creating a grid from a remote datasource and I want tformat the columns with embedded widgets (dropdown list & datepicker).

 I tried using rowTemplate and then column templates.  No matter what I do I get very strange behavior for the column entries.  This happens for both existing rows and rows I add with .addRow

 Here's the grid options:

01.var typeTemplate = '<select kendo-drop-down-list style="width: 100%;">'
02.                        +       '<option></option>'
03.                        +       '<option>BB</option>'
04.                        +       '<option>FVRCP</option>'
05.                        +   '</select>';
06. 
07.var dateTemplate = '<input kendo-date-picker style="width: 100%;" />';
08. 
09.this.options = {
10.        dataSource: dataSource,
11.        schema: {
12.            model: {
13.                id: 'vaccine_id',
14.                fields: {
15.                    vaccine_id: { type: 'number' },
16.                    type: { type: 'string'},
17.                    date: { type: 'date' }
18.                }
19.            }
20.        },
21.        columns: [
22.            { field: 'type', title: 'Type', template: typeTemplate },
23.            { field: 'date', title: 'Date', template: dateTemplate }
24.        ]
25.    };

Here's the symptoms:

- all values disappear when I call .addRow values disappear

- if I add a 2nd row, that row becomes highlighted (gold, I think) and stays highlighted.

 Any ideas?

 

Rosen
Telerik team
 answered on 09 Dec 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?