.k-i-calendar { background-image: url('../images/svg/calendar_icon.svg') !important; height: 16px !important; width: 16px !important; background-size: 16px 16px; background-repeat: no-repeat !important; background-position: center !important;}Hello,
First off I am a first time Kendo UI user. I really liked what I see from my trial so I purchased the UI Pro license.
I need to programatically expand panels in my accordion. I see the sample code for doing it the jQuery way but is there a sample that shows how I can do it the Angular way? I am thinking I need to create my own directive that does what your jQuery sample does in the linking function. I hope someone else has solved this problem.
Thanks,
Loc
Hey Guys,
Picked up your product back in late October, just getting around to using it. So far most of it has been seamless and the documentation is great. Loving all the controls and how easy they are to implement!
However, today I ran into a snag.
Use Case: I have a basic HTML5 table that I want to convert into a Kendo grid. Before I put an id on the table and target the script, my edit <a> in the table works just fine.
My edit <a> makes a call to a JQuery function where I pass in an id. The function makes a call to my controller (Using MVC 5) which returns a partial view that is then inserted into a div where a different partial view was previously. The 'Add' form is being swapped out with the 'Edit' form.
Here's the <a> tag and script for edit.
<a id="get_edit" class="btn-primary btn-sm " data-id="@t.TransactionId"><i class="fa fa-edit"></i></a>
$("#get_edit").click(function () {
$("#editForm").load("/Transactions/_Edit/" + $(this).data('id'));
});
This works great prior to making the HTML5 table a Kendo Grid. My question is; Why does my edit JQuery function no longer get triggered after I convert the table to a Kendo Grid? How can I fix the problem?
Thanks in advance!
~Josh

var router1 = new kendo.Router();router1.route("/test1/", function (){ alert("test1");});var router2 = new kendo.Router();router2.route("/test2/", function (){ alert("test2");});router1.start();router2.start();Hi there,
I am using a <ul> element to show a list of user names and their records. I set the css overflow as scroll and also the -webkit-overflow-scrolling: touch as well.
It works fine on emulators but when I build the app onto either android or ios devices, the list just freezes and would not change.
One of my concern is that when adding the css, the -webkit-overflow-scrolling: touch is actually red coloured, which means it is not supported or detected by default.
Any idea out there?
Thanks.
Hi there,
Is there a way after the grid refresh to go back to the same node where the last update was done?
Hi there,
Is there a way to go back to the same node which was last updated in the grid.
function refreshEquipmentCategories() {
var equipmentCategory = $("#equipmentCategoryTreeView").data("kendoTreeView");
equipmentCategory.dataSource.read();
var selected = $('#selectedEquipmentCategoryPath');
var treePath = $('#selectedEquipmentCategoryPath').parentsUntil(equipmentCategoryTreeView, "li");
var treeView = $("#equipmentCategoryTreeView").data('kendoTreeView');
treeView.expand( treePath );
treeView.select( selected );
treeView.trigger( 'select', {node: selected} );
}
The above doesn't seem to work correctly. Even though the all the nodes gets expanded after refresh, but the current doesnt seem to get selected( highlighted).
Any help would be greatly appreciated.
Thanks
Arrash
Hi,
I have added image property to the event and change the event template to show image in the event. please check demo application. when i double click on the event, it will open edit event popup without an issue. but if I double click on empty area to add a new event, console shows following error and events will be disappeared.
Uncaught ReferenceError: image is not definedAny idea?
Regards,
Lilan