or
2 answers
251 views
I'm hoping I have just overlooked something, but I am unable to make the tabstrip behave properly. When you click on the tabs they don't change. I pasted the demo (razor) code from this site directly into my view and it still won't work. The tabstrip displays properly, and I am not seeing any javascript errors. Here is the view
And here is the upper part of the page source:
<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>And here is the upper part of the page source:
<!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>4 answers
939 views
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.
Diana
Top achievements
Rank 1
Rank 1
answered
on
26 Jun 2017
1 answer
93 views
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.
Iliana Dyankova
Telerik team
answered
on
26 Jun 2017
5 answers
3.1K+ views
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
Georgi
Telerik team
answered
on
26 Jun 2017
5 answers
881 views
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.
Mohamed
Top achievements
Rank 1
Rank 1
answered
on
26 Jun 2017
3 answers
144 views
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
Ivan Danchev
Telerik team
answered
on
26 Jun 2017
3 answers
270 views
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?
Dimiter Madjarov
Telerik team
answered
on
26 Jun 2017
1 answer
392 views
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.
Ivan
Telerik team
answered
on
26 Jun 2017
3 answers
114 views
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" } } } }
Dimiter Topalov
Telerik team
answered
on
26 Jun 2017
1 answer
502 views
Hi, I used kendo chart donut.
I want to get highlight effect depending on mouse hover or not.
Before mouse cursor is hovered, donut chart is like 'before.png'.
After mouse cursor is hovered on specific part of chart, I want to get effect that this part is enlarged like 'after.png'.
Is there any built in method from kendoUI chart?
Thanks.
Daniel
Telerik team
answered
on
26 Jun 2017
