Telerik Forums
Kendo UI Integration Forum
1 answer
76 views
I extracted kendo ui professional js and style folder in eclipse, y am i getting errors in the js folder in dataviz.js related fies
T. Tsonev
Telerik team
 answered on 06 Nov 2015
0 answers
128 views

lets say in my Angular app I want to put an editor in my page, This is easily done with

<textarea kendo-editor id="editor" k-ng-model="myhtml"></textarea>

In this example the editor is initialized and works as it should.
Now I'm going to create a directive which is called myEditor because based on my app I want to use it more often and the amount per page can differ.

<textarea id="editor" my-editor></textarea> would be the tag in my app with the corresponding directive which has the kendo-editor as a template:

angular.module('mymodule', [])
.directive('myEditor', function() {
  return {
    template: '<textarea id="editor" kendo-editor></texarea>'
  };
});​

When running this very simpel code the directive will run but the KendoEditor will not initialize as the timeout has been removed as stated by Telerik support:

>>> For Q2 2015 we removed a timeout, which was used in the Kendo UI widgets' initialization in Angular scenarios. This timeout is normally not necessary, however, in your case it allowed the Editor to be initialized correctly. Now that the timeout has been removed, the problem is that the Kendo UI Editor is created while the widget's markup is outside the DOM. If the widget markup is outside the DOM, then the iframe will be outside the DOM too. <<<

 

So my question is: how can I get the custom directive to work using the KendoEditor.

furthermore: even not using the angular KendoEditor directive but creating it from JQuery will fail:

$(element).kendoEditor();​

Gary
Top achievements
Rank 2
 asked on 23 Oct 2015
4 answers
216 views

Hi All,

I'm in the process of investigating how to move my fairly large web application from asp.net webforms to a JS approach.  I can see massive benefits but being a one man band there is a lot of learning that seems to be needed.  So I am looking for a few short cuts to help iron out some of the leg work that will be needed. 

My constant gripe (and believe me I bore myself with this one!) with control providers is the lack of any good form generation component, yes everyone has the components of forms but no great tools for good form generation.  Today I stumbled over Angular-Formly and it seems to go a long way to generating a form from a model schema,  I am certain that there will be limitations but I'm finding that there is no system without limitations.  Formly appears to allow for custom templates for controls can be added in, it seems that any controls can be added to the system so I am wondering whether Kendo controls could be added.

Given the above I have a few of questions

1) Has anyone tried this or any similar products in conjunction with Kendo UI?  Any pointers or suggestions?

2) Given the obvious benefits of having Formly Kendo UI templates what is the likelihood that Telerik will add and then maintain some?

3) I assume that there is nothing built into Kendo UI in the pipeline that would do the same thing?

Best Regards

 Jon

Petyo
Telerik team
 answered on 21 Oct 2015
3 answers
171 views

I am trying to integrate the Kendo Grid within a widget owned by ReactJS.  My preference would be initialize this imperatively but it seems that jquery objects from react references don't have the kendo functions attached.  Is it possible to use window.kendo to initialize the grid somehow or do I have to use the jquery plugin functionality?

 

Some code if the above doesn't make sense.  This works: 

window.kendo.bind($(React.findDOMNode(refs.theGrid)), viewModel);

 This doesn't work, returning "Uncaught TypeError: (0 , _jquery2.default)(...).kendoGrid is not a function": 

$(React.findDOMNode(refs.theGrid)).kendoGrid({...});

 Alternatively, any ideas on how to get the jquery plugin functionality back from within React components?

Timothy
Top achievements
Rank 1
 answered on 06 Oct 2015
1 answer
105 views

I am having trouble selecting items from a multiselect control, only when it is inside of an ionic modal.

The only other information that I can find is a somewhat related post here: http://forum.ionicframework.com/t/using-kendo-ui-widgets/7562

This topic mentions to add data-tap-disabled="true" and I have done that, but that didn't solve the issue.

I have created a kendo dojo that replicates the issue here: http://dojo.telerik.com/@gtripoli/EMARe

 
Alexander Valchev
Telerik team
 answered on 02 Oct 2015
5 answers
181 views
I use angularjs with TreeList like this <div ng-controller='TreeListCtrl as vm' ng-if='vm.mode==="tree"' kendo-tree-list k-options="vm.options" k-ng-delay="vm.options" k-rebind='vm.options'></div>`. It can show data very well, but if I click the icon to expand or collapse, I got the issue: Uncaught TyperError: Cannot read property 'find' of null. This only show if I used 'k-rebind'.

I use angularjs 1.4.5 & latest kendo-ui.
Kiril Nikolov
Telerik team
 answered on 09 Sep 2015
5 answers
696 views
I found a JSFiddle (http://jsfiddle.net/saAfL/240/) that shows me how to do drag and drop reordering of rows, but was wondering if there is a preferred way to make this work inside an Angular controller. Currently I'm providing all grid options using k-options. Is there a way to specify draggable and droptarget in an Angular way?
Petyo
Telerik team
 answered on 17 Aug 2015
4 answers
328 views

It appears as though something happens to break the bindings when clearing a value from a kendo datetimepicker in an angularjs application.  I have a custom validator I'm using to validate that and end time falls after a start time and it works up until the point where I clear the field value for end time and then the validator no longer fires.  

 This appears to be a regression because if I point back to the 2015.1.318 release of KendoUI then it works as expected.

 Example can be found here: http://dojo.telerik.com/oDasE

Steps to reproduce:

  1. Select Start Date
  2. Select End Date before the Start Date and note the error is surfaced correctly.
  3. Highlight the value in End Date and hit delete or backspace
  4. Select a new value that falls before the Start Date
  5. Error does not reappear.
Kiril Nikolov
Telerik team
 answered on 03 Aug 2015
4 answers
118 views

I am learning the TreeList, and follow the "AngularJS" demo. I tried to "Edit this example" by replacing "editable: true" with "editable: { move: true }". The rows can be dragged but cannot be dropped.

Is this a bug or I missed something?

Atanas Georgiev
Telerik team
 answered on 03 Aug 2015
1 answer
85 views

Hello,
kendo UI can be integrated with Foundation for Apps?And if so, has or will have docs or tutorials exemplifying how to integrate it with Foundation for Apps?

Thanks so much.

Alexander Popov
Telerik team
 answered on 30 Jul 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?