Questions on Kendo UI for jQuery Forum

4 answers

386 views

Russian localization in Scheduler

I've created a small Dojo based on Telerik example of Scheduler localization http://dojo.telerik.com/INace

It looks like everything is working except language ru-RU.

How do I fix it?

Scheduler

answered on 28 Feb 2017

3 answers

235 views

Browser Select All chooses the entire page when a modal window is open

The entire page, including the non-window content, is selected when a modal window is open and the browser select all (Ctrl-A) is performed.

Q: Is there a way to have Ctrl-A select only the modal content ?

Sample is in the Dojo: http://dojo.telerik.com/uzeCA/3

Thanks,

Richard

Window

answered on 28 Feb 2017

6 answers

772 views

Expand Row on Cell Click having hyperlink

Hi,

We are using kendo grid and in one of the row cells, we have a hyperlink. We want to expand the row on click of this hyperlink and display detailTemplate (i.e. child band of the row). Can you please let us know how shall we go about it.

Also in the grid, in the extreme left we have the arrow for expanding and collapsing the detail row. Is it possible to show a different Detail row template (aka child band) if the user expands by clicking this arrow icons and show a different detail template when user clicks the cell's hyperlink.

Can you please let us know how shall we go about it. I've been looking for a solution on kendo forums etc, but no luck so far.

If you need more information, please let us know.

Thanks!

Grid

answered on 28 Feb 2017

1 answer

549 views

Problem with the Drop Down list Column of the grid

Hi,

I am Using grid control from Telerik UI For asp.net MVC, Grid works fine in loading the data, but the problem come when we try to edit or create a new record with in the grid. When I try to edit the grid Drop down columns as shown as a text box with ID values.

There are couple more problems
1. Filter is not working as expected.
2. Filter is not populating data and not able to select the items from dropdown list.
3. add new and click on update button the controller is not getting value that were submitted.
4. on editing and saving a record the action method is not fired.

Please fin the attached file for more info.
please help with above issues.

Map

answered on 28 Feb 2017

6 answers

305 views

Showing different people in different groups using Kendo Timeline view

Hello Kendo Team, I was reviewing the timeline view in http://demos.telerik.com/kendo-ui/scheduler/timeline

But seems like this example shows, same "Attendees" in every group, My requirement is to have different "Attendees" in different group.

How can I do this?

In the attached image you can clearly see that, "Attendees" are different and instead of time I am showing dates in top header.

Scheduler

answered on 28 Feb 2017

3 answers

248 views

Rectangular as line chart markers

Hello,

I am using line chart markers. As I see the built-in types are square,triangle and circle. I need a rectangular as marker, therefore I would need to change the height or the width of the element or draw a rectangular myself and put it as a marker. I only found an option to change the overall size of the square, which didn'tsolve my problem.

Is there any possibility to achieve this?

Charts

answered on 28 Feb 2017

1 answer

196 views

KendoUI tabstrip not refrershing on click of tab

Hi Team,
I am creating tabstrip dynamically
Table schema
menuOrder Tabtext URL
1 Dimension Home/Dimension
2 Engine Car/Engine
3 Chassis Bike/Chassis
4 Role Employee/Role
5 Permission secuirty/Permission

When i can click the tabs it is getting refreshed only for the first time.
Even if the data changes when i clcik the tab it is still showing the new data
(Ex Dimension tab as got new record inserted but the new record is nto been showing )
I am doing the ajax call only want the particluar tab which is clciked to be refreshed i am using the partialview where it will render the view here i am calling
only first time the tab which is clicked the action method of MVC is triggered second time clciked it does not get the hit itself. I have kept the debugger to see this.

Home controller

//[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]

[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]

public ActionResult Dimension()

{

return PartialView();

}

Car controller

//[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]

//[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]

public ActionResult Engine()

{

return PartialView();

}

I have tired all these things but still tab contents are not refreshed when clciked
What am i missinh here? is there anything that needs to be added here in tabstrip widget
i have 6 hours i do not see any forum where i can get the answer

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/panelbar/remote-data-binding">

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.metro.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.metro.mobile.min.css" />

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>

</head>

<body>

<div id="example">

<div class="demo-section k-content">

<div id="tabstrip"></div>

</div>

<script>

$(document).ready(function myfunction() {

$("#tabstrip").kendoTabStrip({

tabPosition: "left",

dataTextField: "Tabtext",

dataContentUrlField: "Url",

dataValueField: "menuOrder",

dataBound: function(e) {

e.sender.select(2);

}

});

var serviceRoot = "http://localhost:58030/Config/api/NavigationFeature";

var dataSource = new kendo.data.DataSource({

transport:{

read: {

url: serviceRoot + "/Employees?EmployeeId=2",

dataType: "jsonp"

}

});

var tabStrip = $("#tabstrip").data("kendoTabStrip");

tabStrip.setDataSource(dataSource);

});

</script>

</div>

</body>

</html>

Thank You

TabStrip

answered on 27 Feb 2017

4 answers

567 views

Remove default Validation for Autocomplete

Hi All ,

I want to remove the default validation given by the kendo ui for Autocomplete.Please help me in achieving this.

AutoComplete

answered on 27 Feb 2017

1 answer

185 views

Area chart loses tooltip on zoom

Hello,

I have a chart with two area series.

When zooming, the second line tooltip stops working. Only the tootltip of the first line works normally.

jQuery("#chart").kendoChart({

chartArea: {

height: 300

},

renderAs: "canvas",

dataSource: {

data: assuredEnergyGrossGraph

},

series: [

{

type: "area",

aggregate: false,

field: "assuredValue",

color: "#adcd7a",

name: "Garantia Física",

line: {

color: '#40b800',

width: 2

}

},

{

type: "area",

aggregate: false,

field: "capacityValue",

color: "#ffcaa8",

name: "Potência",

line: {

color: '#f55e00',

width: 2

}

],

valueAxis: {

title: {

text: $scope.EnergyUnit

}

},

categoryAxis: {

field: "assuredDateTime",

baseUnit: "months",

baseUnitStep: 'auto',

maxDateGroups: 24,

type: "date",

labels: {

rotation: "auto",

format: 'MM/yyyy'

}

},

tooltip: {

visible: true,

template: "#= moment(category).format('MM/YYYY') # <br /> #= value # MWM"

},

legend: {

position: "bottom"

},

pannable: {

lock: "y"

},

zoomable: {

mousewheel: {

lock: "y"

},

selection: {

lock: "y"

}

});

Charts

answered on 27 Feb 2017

3 answers

203 views

Datasource.sort() behavior inconsistent across browsers

When I specify sort fields via the datasource.sort() option, the result is different in Chrome than it is in IE.

In IE, multiple all-day events in the same day appear sorted correctly on the calendar. In chrome, the same events render *slightly* out of order.

In both browsers, printing that set of events to the console reveals that the datasource itself is sorted correctly in both browsers, but it appears the calendar control does not render them in the specified order, in Chrome.

I've included screenshots of my data in Chrome...

1) my sort configuration

2) the day's data, sorted, printed to the console

3) the day's data, sorted, rendered on the calendar

Scheduler