When you create the event you enter the value in Eastern Standard Time (EST).  It is saved to the database as UTC but displays correctly on the calendar.  The problem is when you edit the event it show the UTC times in the edit event dialog [see screenshot] and when saved it appears to assume that the time is again eastern so it causes it to move.

The item is saved in the database with UTC Start, Stop field the StartTimeZone and EndTimeZone are both set to "Etc/UTC". [see screenshot]

The Timezone on the scheduler set up is set to "America/New_York"

I am using Version 2019.1.220 of KendoUI for Asp.Net MVC

screenshots of the UI and what is saved in the database 

Hello,

is there a way to trim search value in autocomplete? The scenario is that as first thing when I use autocomplete I press space, to see all values on list, and then if there are many I start to type search value, however initial space is not trimed, so search result is not accurate.

Hi, 

 I am new to Kendo UI Spread Sheet Component. Trying to fetch worksheet tab names while importing.

On importing a .xlsx with worksheet tabs, i am trying to fetch  worksheet tabs names with 

' $("#spreadsheet").data("kendoSpreadsheet").sheets(); '  but for the first time i am getting result as a default for every import ' _sheetName: "Sheet1"  '.

Hi

I'm using a grid to show  the results form a search and also "hierarchy" for details of each result. Every time I search the new values shows perfectly fine but the detailInit event is not working is I need. First time the details looks good but if I search again the details grid does not show and I noted that it is using data from previous search results. I assumed that the fact that it is not showing the details is because of that but not sure. 

I have something like this:

Thank you

I have a calculated property named "hasDashboards" that I am binding to with the enabled or visible bindings.

var ViewModel = kendo.data.ObservableObject.extend({

    init: function() {

        kendo.data.ObservableObject.fn.init.call(this);

    }

});

var MyViewModel = ViewModel.extend({

    init: function() {

        ViewModel.fn.init.call(this);

    },

    dashboards: new kendo.data.DataSource({ data: [] }),

    hasDashboards: function() {

        var ds = this.get("dashboards");

        return ds.data().length;

    }

});

I have tried doing this with an observable array as well instead of a data source, but neither hook into the binding updates. I can get this to work if I use the trigger() function on the view model and specify the hasDashboards field as a parameter, but I would like to avoid this additional complexity. I know I am doing something unsupported by deriving from ObservableObject directly, but we need availability and also build custom widgets.

I have also tried the observable array doing this.get("dashboards.length") (which is supported according to the docs), but that didn't work either. Let me know, thanks!

Hi,

i have a grid which shows diffrent events occuring in a network,like error,bug,internet failure,...i want them to be shown in diffrent colores according to the event,for example red if its Error,green if its Internet falure,..how can i achieve that?

Hi

Please see: https://dojo.telerik.com/ExUkomIP

This is one of your demo's with simply adding scrollable: false.

Uncaught TypeError: Cannot read property 'appendChild' of undefined
    at i.appendTo (kendo.all.js:11776)
    at i.render (kendo.all.js:11782)
    at d.render (kendo.all.js:11968)
    at init._renderCols (kendo.all.js:120098)
    at init._layout (kendo.all.js:119753)
    at new init (kendo.all.js:118322)
    at HTMLDivElement.<anonymous> (kendo.all.js:2448)
    at Function.each (jquery.min.js:2)
    at n.fn.init.each (jquery.min.js:2)
    at n.fn.init.e.fn.(runner.telerik.io/anonymous function) [as kendoTreeList] (https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js:26:4956)

We need the tree list without a scroll bar as it is causing alignment problems. The alignment is fine until scrolling right to the bottom.

Is there a workaround if this is not immediately fixable?

Please help.

Hello, 

I am having a weird bug with the tooltip when using Firefox. The tooltip works correctly on Chrome and Safari, but with Firefox, the tooltip opens, closes, and reopens several times within a second and is stuck in an endless loop. I tried removing animations, changing the structure that invokes the tooltip, took out the onClick event and several other things, but nothing works. Firefox still has a bug on the tooltips. 
The tooltip on the bottom left side of the page works, but the tooltip on the bottom right is the problematic tooltip. Both tooltips shared the same code, but I broke the code into two sections and changed the logic, the tooltip on the left has the tooltip position on the left, whereas the tooltip on the right has the tooltip position to show on the left. I had thought that this may be the problem as the position was not right, but that did not solve the issue either. 

When debugging, I am seeing a k-animation container go from various classes. When the tooltip is shown, I see a tt_active class with display block, and when hidden, no class but display none. I have attached the files. 

The bug can be reproduced by clicking on the map marker image at the bottom right of the page for every scene. The tooltip that works is on the bottom left. The URL is gregoryalexander.com/indexNew.cfm. The bug only exists when using firefox. Chrome works. 

On another note, I wanted the tooltip (that is working) on the left to be colored blue, and the tooltip to the right (that is broken) to be colored green. These are the two colors of my logo at the top of the page. I tried to use the ID of the element and the k-tooltip class like so, but it did not work. I tried many other options, and can't seem to get the tooltips to use different colors without breaking the tooltip. How can I prefix the class or element when I style the .k-tooltip class like so?

#aboutThisImage .k-tooltip {
background: #698A50 !important;   
width: var(--toolTipWidth);
height: var(--toolTipHeight);/*<cfif session.isMobile>175<cfelse>215</cfif>px;*/
font-size: var(--toolTipFontSize);
border-radius: 10px;
/* Subtle drop shadow on the main layer */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}