<div id="forecast"> @(Html.Kendo().TabStrip() .Name("tabstrip") .Items(tabstrip => { tabstrip.Add().Text("Paris") .Selected(true) .Content(@<text> <div class="weather"> <h2>17<span>ºC</span></h2> <p>Rainy weather in Paris.</p> </div> <span class="rainy"> </span> </text>); tabstrip.Add().Text("New York") .Content(@<text> <div class="weather"> <h2>29<span>ºC</span></h2> <p>Sunny weather in New York.</p> </div> <span class="sunny"> </span> </text>); tabstrip.Add().Text("Moscow") .Content(@<text> <div class="weather"> <h2>16<span>ºC</span></h2> <p>Cloudy weather in Moscow.</p> </div> <span class="cloudy"> </span> </text>); tabstrip.Add().Text("Sydney") .Content(@<text> <div class="weather"> <h2>17<span>ºC</span></h2> <p>Rainy weather in Sidney.</p> </div> <span class="rainy"> </span> </text>); }) )</div><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>Index - TRS Portal</title> <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> <link href="/Content/site.css" rel="stylesheet"/> <script src="/Scripts/modernizr-2.5.3.js"></script> <link href="/Content/kendo.common.min.css" rel="stylesheet"/><link href="/Content/kendo.default.min.css" rel="stylesheet"/> <script src="/Scripts/jquery-1.7.1.js"></script> <script src="/Scripts/kendo.web.min.js"></script><script src="/Scripts/kendo.aspnetmvc.min.js"></script>Anyone knows why MM-dd-yyyy format is being parsed to retain the first 2 digits of the year instead of last 2 digits?
Parsing 06-21-2017 to a mm-dd-yy format results in 06-21-20.
Example: http://dojo.telerik.com/unOJA
Any guidance is much appreciated.
I am building a stock chart with bullet series.
Here is the jsFiddle: https://jsfiddle.net/bf6cgc12/
As you can see that in the bullet series vertical lines are displayed instead of bars.
I have spent quite a bit of time trying to figure out the issue but all in vain.
Any help will be appreciated.
Hello,
Let say I have 3 columns in the grid:
- first name
-last name
-full name
We use popup editor to edit grid rows by Edit action click. User enters or picks last name and first name with kendo dropdown box. If the first name value or last name value changed with not empty value we need to update name value in popup editor as well: name = first name +" "+ last name. It is not clear how to get an access to the fields in popup editor. Please look at my example: http://dojo.telerik.com/@iakhmedov1/AhUpa. Please clarify how programatically update values in the popup editor.
Thanks,
Igor

I have couple of DateTimePicker in my ASP.NET project. I am running into issue where DateTime picker keeps remembering old selected date in my MVC page.
Steps:
1) Choose any future date from DateTimePicker control. e.g. 1/1/2020
2) Clear the date in the Textbox so that there is no date value.
3) Now, try clicking on DateTimePicker control, it will show 1/1/2020 instead of present date.
Does anyone know how to reset the date to current date once the DatePicker textbox is cleared?
Thanks.
Hi,
I have a tabstrip for which the content for all tabs are loaded remotely. The content for some of the tabs may take quite some time. Everything works fine from a technical point of view. The problem that I am having is that during the loading of a tab's content, the selected tab cannot be visually distinguished. When selecting the tab, all tabs visually look to be in "inactive" state. I can see the loading indicator, suggesting that content is still loading but I cannot visually determine which tab was selected. So the question is: is there a way to make the selected tab be visually distinquishable during content loading?
I have tried adding the 'k-state-active' class to the selected tab in the "select" event but the manually added class seems to be removed instantly. Using one of the other events doesn't seem to be the solution either.
Regards,
Ron

Hello,
I§m trying to achieve a full height panel bar using Angular component. According to the docs and example here http://www.telerik.com/kendo-angular-ui/components/layout/panelbar/expand-modes/ , the 'full' mode is exactly what I want, keeping in mind that i have to set 'height' property.
The only difference between provided example and my case is that I'm setting the height property not from the input field, but as a result of a window.resize event (as I want the panel to occupy the full available height when window is resized). But the panel is not changing, it ignores the provided size (see attached screenshot).
The panel component is picking up the correct height value (as you can see on the right side of provided screenshot using Augury addon for chrome to inspect components), but its appearance is not affected.
Any ideas? Is that a bug?
Hello.
When I select a date in a DatePicker and try to scroll through Calendar down, the Calendar switches months incorrectly. Here is a video demonstrating the issue on your demo page: https://drive.google.com/file/d/0Bzka6pAeQ8KEWUU1RTNtVUpvSnM/view
As you can see, the Calendar just switches between April and May. And never goes further than May.
It looks like in the latest version of the Kendo UI for Angular charts module (kendo-angular-charts) there is a new issue with the donut chart.
If the donut chart is passed an empty array of data it crashes with the message "Cannot read property 'sector' of undefined."
I made this plunker from the donut example in the docs to demonstrate the issue: http://plnkr.co/edit/Zv9Vx9Jxfx2KsZLRYCe5?p=preview
Previous versions of the donut chart were able to handle empty arrays of data.
Looking at the code there is no check for an empty points array in the function setDonutCenter.
e.prototype.setDonutCenter = function() { if (this.instance && this.options && this.options.series) { var t = this.options.series[0]; if (t && "donut" === t.type) { var e = this.instance._plotArea.charts[0].points[0].sector , n = e.innerRadius , r = e.center.y - n , o = e.center.x - n , i = 2 * n; this.donutCenterStyle = { height: i + "px", left: o + "px", top: r + "px", width: i + "px" } } } }