Hi I have a tabstrip inside a kendo window which works perfect until i close the window, When i try to reopen the window the tabstrip doesn't work.

All i see is the html not in a tabstrip 

this is my function which is called on a click 

function MyAccountWindow() {  

    var kendoWindow = $("<div id='window'/>").kendoWindow({
        title: "User Details",
        width: "600px",
        height:"400px",
        resizable: true,
        modal: true,       
        content: {
            template: tabTemplate
        }
    }).data("kendoWindow");
    
    var tab = $("#tabstrip").kendoTabStrip({
        animation: {
            open: {
                effects: "fadeIn"
            }
        },
    });  
        kendoWindow.open().center();    
}

my tabtemplate is just a variable with html inside.

Any help would be appreciated

I am  trying to read from the following webservice :

http://apis.io/api/apis

Here is the code snippet :

Telerik Dojo Code Snippet

http://dojo.telerik.com/@phcc1t/oSEBa

Could you please let me know where is the issue

In this example, I can successfully change the properties/style of a Note on Chart on noteClick... http://dojo.telerik.com/@pagemedias/oVuWI

What I need to do is 'trigger' this from outside the Chart.

Example: I am outputting the same list of Notes that appear on the chart under the chart and when user clicks/hovers over note under chart I want to change colour/style of same Note in chart (see attached).

I have been able to highlight note under chart (has css class of 'key-A') when click on note in chart (get noteText which = 'A' and add a new styling class to 'key-A' under chart). But I also want to achieve the same thing, just the other way around (click note under chart and highlight note in chart).

How do I access e.visual of a particular note in chart?

I'm trying to create a custom filter on a date field to show items that have a date in the next 30, 60 and 90 days, including any overdue (i.e. dated in the past).

The current code creates a filter with the needed options, but how can the filters be implemented? The 30 day filter is to be applied when the data is loaded initially.

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

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.