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();
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
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?
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
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:
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?
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.