Hi all,
I've been trying to load my rangeSlider, numerictextfiled and comboBox with no success once using the templates.
I am using the data source just to enable and disable the correct widgets to be loaded in the correct tile width if else.
Widgets work all fine outside the templates and in the templates I am having all sorts of problems.
Please have a look at the example.
http://jsbin.com/cuduto/edit?html,js,output
I am sure there is a correct way of doing this but I could not find it. I've tried all that I could find from examples on line, still could not get as much as the combo box looking like a combobox with its data loading with the templates.
Any ideas please.

I noticed that you can input "12:00 AM" into a datepicker without setting off an input validation error. If a data-role is specified as a "datepicker", shouldn't Kendo have some out of the box validation on time inputs?
Here is a Kendo demo that allows you to input time: http://demos.telerik.com/kendo-ui/validator/custom-validation
Thanks!

I tried writing Cided UI Tests with Visual Studio 2015 on this webpage: http://demos.telerik.com/aspnetajax/button/examples/radiosandcheckboxes/defaultcs.aspx
where it is supposed to click the checkbox, but I keep receiving an error as it doesn't recognize the kendo control. How am I able to select it without using the recording options? Here is the error:
Test Name: CodedUITestMethod1
Test FullName: CodedUITestProject_test.CodedUITest1.CodedUITestMethod1
Test Source: C:\Team Projects 2015\Demo\CodedUITestProject_test\CodedUITestProject_test\CodedUITest1.cs : line 28
Test Outcome: Failed
Test Duration: 0:01:46.516549
Result Message:
Test method CodedUITestProject_test.CodedUITest1.CodedUITestMethod1 threw exception:
Microsoft.VisualStudio.TestTools.UITest.Extension.UITestControlNotFoundException: The playback failed to find the control with the given search properties. Additional Details:
TechnologyName: 'Web'
ControlType: 'CheckBox'
TagName: 'INPUT'
Id: 'RadButton6'
Failed to find any control that matched the value RadButton6 for the search property Id. ---> System.Runtime.InteropServices.COMException: Error HRESULT E_FAIL has been returned from a call to a COM component.
Here is my code:
public void CodedUITestMethod1()
{
Playback.PlaybackSettings.SearchInMinimizedWindows = false;
string Home = "http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx";
BrowserWindow b = BrowserWindow.Launch(Home);
Playback.PlaybackSettings.DelayBetweenActions = 100000;
b.resizedWindow(1920, 1080); //function to make the window full screen
HtmlCheckBox cbBox = new HtmlCheckBox(b);
//I had used the ID from the Developer Options under F12 initially then changed it to RadButton6 but it doesn't work
cbBox.SearchProperties.Add(HtmlCheckBox.PropertyNames.Id, "RadButton6");
Mouse.Click(cbBox);
}
How can i maintain persist state when i redirect to the corresponding pages
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="styles/kendo.common.min.css" /> <link rel="stylesheet" href="styles/kendo.default.min.css" /> <script src="js/jquery.min.js"></script> <script src="js/kendo.all.min.js"></script></head><body> <div id="example"> <div class="demo-section k-content"> <ul id="panelbar"> <li><a href="page1.aspx"></a>Page1</li> <li><a href="page2.aspx"></a>Page2</li> <li><a href="page3.aspx"></a>Page3</li> <li> Page Sub Level2 <ul> <li><a href="page4.aspx"></a>Page4</li> <li><a href="page5.aspx"></a>Page5</li> <li><a href="page6.aspx"></a>Page6</li> <li> <ul> <li><a href="page7.aspx"></a>Page7</li> <li><a href="page8.aspx"></a>Page8</li> <li><a href="page9.aspx"></a>Page9</li> </ul> </li> </ul> </li> <li><a href="page10.aspx"></a>Page10</li> <li> Page Sub Level22 <ul> <li><a href="Page11.aspx"></a>Page11</li> <li><a href="Page12.aspx"></a>Page12</li> <li><a href="Page13.aspx"></a>Page13</li> </ul> </li> <li><a href="Page14.aspx"></a>Page14</li> </ul> </div> <div class="box"> <h4>Console log</h4> <div class="console"></div> </div> </div> <script> function onSelect(e) { kendoConsole.log("Select: " + $(e.item).find("> .k-link").text()); } function onExpand(e) { kendoConsole.log("Expand: " + $(e.item).find("> .k-link").text()); } function onCollapse(e) { kendoConsole.log("Collapse: " + $(e.item).find("> .k-link").text()); } function onActivate(e) { kendoConsole.log("Activate: " + $(e.item).find("> .k-link").text()); } function onContentLoad(e) { kendoConsole.log("Content loaded in <b>" + $(e.item).find("> .k-link").text() + "</b> and starts with <b>" + $(e.contentElement).text().substr(0, 20) + "...</b>"); } function onError(e) { kendoConsole.error("Loading failed with " + e.xhr.statusText + " " + e.xhr.status); } $("#panelbar").kendoPanelBar({ expandMode: "single", select: onSelect, expand: onExpand, collapse: onCollapse, activate: onActivate, contentLoad: onContentLoad, error: onError, contentUrls: [, , , "../content/web/panelbar/ajax/ajaxContent1.html", "error.html"] }); </script></body></html>
Hi all,
i have this chart i need to set a specific color for each line from the model, knowing that the number of series vary depends on the filter.
can any body support!
@model IEnumerable<GraphModel>
@using Msh.Web.Models
<div class="row">
<div class="chart-wrapper">
@(Html.Kendo().Chart(Model)
.Name("chartoccupancyrate")
.Title(T("occupancyrate").ToString())
.DataSource(dataSource => dataSource
.Read(read => read.Action("_GetGlobaleGraphData", "Statistical").Data("additionalInfo"))
.Group(group => group.Add(model => model.Symbol))
.Sort(sort => sort.Add(model => model.Date).Ascending())
)
.Series(series =>
{
series.Line(model => model.OccupancyRate)
.Name("#= group.value # ");
//.Name("#= group.value # " + "(" + T("hotel") + ")");
})
.Legend(legend => legend
.Position(ChartLegendPosition.Top)
)
.ValueAxis(axis => axis.Numeric()
.MinorGridLines(minorGridLines => minorGridLines.Visible(true))
.Labels(labels => labels
.Format("{0:N0}%")
.Skip(2)
.Step(2)
)
.AxisCrossingValue(0)
.Max(120)
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Shared(true)
.Format("%{0:N1}")
)
.CategoryAxis(axis => axis
.Categories(model => model.Date)
//.Labels(labels => labels.Format("dd-MMM-yyyy"))
.Labels(labels => labels.Format("dd-MMM"))
.Labels(labels => labels.Rotation(-90))
.Crosshair(c => c.Visible(true))
).Zoomable(false)
)
</div>
</div>
<script>
$(window).resize(function () {
$("#chartoccupancyrate").data("kendoChart").resize();
});
</script>