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.
Has anyone had experience with integrating Kendo with Hot Towel Angular?
We are attempting it and we aren't having any luck.
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
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
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
Hi,
As i need not refresh whole kendo grid i just want to update change value with previous column values.
Regards,
Rajender Kumar
hi,
am wondering any example for using integrating with KnockoutJS ?
regards....
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?