I'm using a kendo dropdownlist in angular 2, when i click the drop down it pushes the content of my page down. (see attached)
Does anyone have any idea?
Thank you.
Huy Nguyen
<div id="myScheduler"></div><div id="myEvent"></div>
Hi,
We have an application which uses a kendo scheduler. When the
user clicks on a calendar entry it brings up a popup window. We now require
further information on this window and so need it to have tabs. We use kendo tabstrips
elsewhere in the project successfully. However, when we use them in the ScheduleEditorTemplate
we cannot add content to the tabs.
This code in ScheduleEditorTemplate works and produces empty
tabs.
@using System.Web.Mvc.Html
@(Html.Kendo().TabStrip().Name("ts").Items(it
=>
{
it.Add().Text("t1").Selected(true).Content("");
it.Add().Text("t2").Selected(false).Content("");
}))
However adding even very simple content does not work.
@using System.Web.Mvc.Html
@(Html.Kendo().TabStrip().Name("ts").Items(it
=>
{
it.Add().Text("t1").Selected(true).Content(@<text>apples</text>);
it.Add().Text("t2").Selected(false).Content("");
}))
It brings up the following error:
kendo.all.min.js:9 Uncaught Error: Invalid template:'<div
class="k-tabstrip-wrapper"><div class="k-widget k-tabstrip
k-header" id="ts"><ul class="k-reset
k-tabstrip-items"><li class="k-item
k-state-default"><span
class="k-link">t2</span></li><li class="k-item
k-state-default k-state-active"><a class="k-link"
href="#ts-2">t1</a></li></ul><div
class="k-content" id="ts-1"></div><div
class="k-content k-state-active" id="ts-2"
style="display:block"><p>just testing partial
view</p></div></div></div><script> jQuery(function(){jQuery("\#ts").kendoTabStrip({});});</script>'
Generated code:'var $kendoOutput, $kendoHtmlEncode =
kendo.htmlEncode;with(data){$kendoOutput='<div
class="k-tabstrip-wrapper"><div class="k-widget k-tabstrip
k-header" id="ts"><ul class="k-reset k-tabstrip-items"><li
class="k-item k-state-default"><span
class="k-link">t2</span></li><li class="k-item
k-state-default k-state-active"><a class="k-link"
href="';ts-2">t1</a></li></ul><div
class="k-content" id="ts-1"></div><div
class="k-content k-state-active" id="ts-2"
style="display:block"><p>just testing partial
view</p></div></div></div><script> jQuery(function(){jQuery("#ts").kendoTabStrip({});});</script>;$kendoOutput+=;}return
$kendoOutput;'
at Object.compile
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:9:7347)
at Object.s [as
template] (http://localhost:57044/Scripts/jquery-1.8.3.min.js:2:15711)
at
o._buildEditTemplate
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:48:22217)
at o.editEvent (http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:48:28684)
at
init._createPopupEditor
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:49:19820)
at init._editEvent
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:49:17342)
at init.editEvent
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:49:17277)
at
o.t.options.editable.t._viewEditHandler
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:49:21566)
at o.trigger
(http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:9:6374)
at
HTMLDivElement.<anonymous> (http://localhost:57044/Scripts/kendo/2015.1.429/kendo.all.min.js:45:7913)
I have been trying for quite a while to get this to work and
would appreciate some help.
Best Regards,
Tyler
After Drag & Drop of Child Element of the Parent Task's Task Summary distort its position in graph view.
Please check: http://demos.telerik.com/kendo-ui/gantt/task-template
Attached Screenshot.
Please suggest any solution for it.
I have been trying to use a Switch instead of a Checkbox in a non-mobile kendo grid instance built using Html helpers. I was able to build a dojo (http://dojo.telerik.com/ukafE) using javascript without paging. However, in real time, the grid load and brings data async-wise. The code that switches a checkbox to switch already executes and is not able to find any checkboxes are they are still ajax-ing in the grid. If I put an alert, the grid loads a page while the message box is displayed and once I exit the message box, the get converted to switches.
How do I get to use switches in an Ajax Kendo grid built with Html Helper?

Hello,
I have a datepicker with validation rule that calculates a new date, if the input is a number.
E.g. if today is 12/24/2016 and I type in 2 I get the date 12/26/2016.
This works fine. By validation the right date is set.
But if the datefield is in a grid, the date is not always set, only every second time.
This happens if I type in a number and after that i click on another gridcolumn.
It works, if I type in a number and then press enter-key or tab-key or click outside the gid.
Does the validation works different by clicking on the grid and hitting the enter/tab key, ?
The validation function is:
01.var customDateValidation = function(e, field) {02. var input = $(e).val();03. if(!isNaN(input)) {04. var noOfDays = parseInt(input);05. if(noOfDays > -366 && noOfDays < 366) {06. var newDate = new Date();07. newDate.setDate(newDate.getDate() + noOfDays);08. 09. var item = $("#myGrid").data("kendoGrid").dataItem($(e).closest("tr"));10. item[field] = newDate;11. item.dirty = true;12. 13. return true;14. }15. return false;16. }17. 18. var date = kendo.parseDate(input, "dd.MM.yyyy");19. if(date) {20. return true;21. }22. 23. if(input == null || input == "") {24. return true;25. }26. return false;27.};
Or is there another way to turn integers to date with a grid datefield?
Thanks in advance
Hi,
i'm using kendoImageBrowser as a standalone widget.
I get data from a server handler that returns a Json with file informations (filename,type, size) , while I would like to have a static thumbnail for every Item.
This is the initialization for the widget :
var objSchema = {
model: {
id: 'Id',
fields: {
name: { field: 'FileName' },
type: { field: 'FileType' },
size: { field: 'FileSize' }
}
}
};
$('#divBrowser').kendoImageBrowser({
fileTypes: '*.jpg,*.png',
transport: {
read: 'http://URL/Handler.ashx?PAR=A&PAR=B',
thumbnailUrl: function () { return 'http://URL/images/image.png'; }
},
schema: objSchema,
});
But thumbnails are not showed. Am I missing something?
Hi,
So I have a Data Source that creates an object, but depending on parameters the response is either ACCEPTED or OK. How can I determine what he response is in the requestEnd callback?
Or is there a better way to do so?
Many Thanks,
Grant
Hi All,
I have implemented Kendo Grid using angular with inline editing feature. and i have been asked by my client to implement add feature with different template. can we separately write another row template for add new row. He would have added a feature of frozen columns in kendo UI. can someone help me in this .
any help or suggestion will be appreciated.
Thanks
Laxmikant