Questions on Kendo UI for jQuery Forum

6 answers

560 views

Hello,

Is there any way to enable scroll bars feature for kendo diagram?
I don't see any "scrollable" option in the API documentation.
But I can see there are some hidden HTML elements in the output, clearly for scrolling purposes.

Diagram

answered on 21 Dec 2015

1 answer

77 views

Lock editor font color under different circumstances

I want to lock the changing-color function of editor under different conditions.
For instance, when UserA logs in, the font color is black, UserB green, and UserC blue.
They cannot change the font color. And UserA is able to add new words to the phrases UserB typed previously (not changing but adding).

Please let me know how I can achieve this goal.

Thanks.

Editor

answered on 21 Dec 2015

3 answers

352 views

[Solved] Input Validation For DatePicker

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!

DatePicker

answered on 21 Dec 2015

1 answer

159 views

Change Default Bubble Size

Is it possible to change the default bubble size? For what I'm plotting I don't need the sizes to be different per bubble, but if I have a size field where all dataItems have the same value for the size field the result is bubbles that are quite large. Changing what that value is seems to have no effect. Is there a way to adjust this? For datasets with many markers this results in a really messy view.

Charts

answered on 21 Dec 2015

1 answer

176 views

How to access a particular row on right click using contextmenu functionality?

Can someone tell how to access that particular row of a Kendo Grid on right click using contextmenu option. I tried to give target as the Kendo grid class and inside the select functionality, i added grid.removeRow(e.target); (My requirement is to provide an option to remove a particular row.)

Grid

answered on 21 Dec 2015

1 answer

291 views

Gantt splitter movement event

I'm trying to create a component located directly below the Gantt chart that will show a chart with bars indicating allocation in hours on resources assigned to the task. This chart must always be located directly under the gantt in order for the timescale to match. Initially everything looks ok, but if I move the splitter between the table and the gantt chart, then I need to automatically move the splitter between the allocation component and an empty div located to the left of it. As for now, I must move both splitters manually to align them right above each other. I need an event that fires when I move the gantt splitter, but the gantt component doesn't have this. Is there another way to solve this?

Gantt

answered on 21 Dec 2015

6 answers

202 views

Coded UI Tests with Kendo Controls

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);

}

ButtonGroup

answered on 21 Dec 2015

3 answers

532 views

How can i maintain persist state for panel bar

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>

<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>

PanelBar

answered on 21 Dec 2015

3 answers

973 views

set Series Colors for mvc kendo chart

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>