Questions on Kendo UI for jQuery Forum

3 answers

166 views

Slider doesn't slide with mouse gestures on Chrome / Windows 8; but touch gestures work

Hi, I'm seeing different behaviors for Chrome, Firefox, and IE with the Slider widget. Touch gestures (dragging the thumb or clicking on the track) work for all three browsers. But mouse gestures are only working for IE and Firefox. With Chrome, clicking or dragging with the mouse does nothing to move the thumb.

To keep it simple and tease out the issue, I've got an unbound slider.

<head>

@Styles.Render("~/Content/kendocss")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/kendojs")

</head>

<body>

<div id='slider'></div>

<script>

$(function () { $("#slider").kendoSlider() });

</script>

</body>

Windows 8 v6.2 b9200
Chrome: 23.0.1271.97 m
IE: 10.0.9200.16466
Firefox: 17.0.1

I don't have any touch-enabling extensions installed in Chrome. I suspect this is a bug. Any ideas or workarounds? THANKS!

Slider

answered on 25 Jun 2014

1 answer

168 views

[Solved] DropDownTree

Does Kendo UI support a DropDownTree control?

Similar to the RadDropDownTree

TreeView

answered on 25 Jun 2014

1 answer

315 views

Data show html tags

i am using kendo editor . I insert data using kendo editor from database when i retrieve data from database using kendo editor its show me html tags also.plz gave me some solution.

Editor

answered on 25 Jun 2014

6 answers

211 views

baseUnit days on Navigation chart

Hi,

I'm using the stock chart with navigation, I'm trying to use the days baseUnit on a similar chart like this example:

http://demos.telerik.com/kendo-ui/dataviz/financial/index.html

but the auto baseUnitStep is not allowing me to use a day step selection,

Could you help me with that?

Thank you so much,

Charts

answered on 25 Jun 2014

1 answer

234 views

Grid (in Window) Custom Command is not calling JS function

I have the following simple code which is the content of a Kendo Window:

<div id="nsdGird"></div>

<script>

var model = @Html.Raw(Json.Encode(Model));

var grid = $('#nsdGird').kendoGrid({

dataSource: model,

pageable: true,

sortable: true,

scrollable: false,

selectable:true,

columns: [ {

field: "Name",

width: '150px',

title: "NOTAM Name"

} , {

field: "Description",

} , {

command: {

text: "SelectNSD",

click: SelectNSD,

name:"Select-NSD"

},

title: "Select",

width: '100px'

} ]

}).data("kendoGrid");

var SelectNSD = function (e) {

alert("Called");

console.log(e);

}

</script>

the SelectNSD function is never called when I click on the custom command. What is wrong with my code?

Thanks,

Grid

answered on 25 Jun 2014

5 answers

438 views

Color picker color selector doesn't work in IE11

Hello,

I have recently implemented the Color Picker in my site and I'm having issues in IE 11. The color picker opens, however, the color picker slider circle that allows me to click on any shade of color doesn't work and always stays in the upper right corner. It will not move.

I'm also not able to enter in a value and apply it, however the default value can be applied by just clicking the Apply button.

Here's a snippet of code implementing the Color Picker

<input id="primaryheadercolor" type="color" value="${geo:object name='DERIVED_COMPONENT.Wizard.GetValue(CntwChooseColorScheme.PRIMARY_HEADERCOLOR)' attribute='value'/}" />
<script>
$("#primaryheadercolor").kendoColorPicker({
buttons: true,
change: function(e) {
$('#primary_header_color').val(e.value);
console.log("The picked color is ", e.value);
console.log(e);
}
});
</script>

The following three files are included.
<link href="/geonext/js/Frameworks/KendoUI/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<script src="/geonext/js/Frameworks/KendoUI/js/jquery.min.js" type="text/javascript"></script>
<script src="/geonext/js/Frameworks/KendoUI/js/kendo.web.min.js" type="text/javascript"></script>

Screenshot is attached of what I see in IE11.

ColorPicker

answered on 24 Jun 2014

1 answer

349 views

custom week view in scheduler

I have a kendo ui scheduler by Javascript, and in the week view, at the title of the column I want to replace the format of date,
you can see the format of date in the picture.
ex: I want to replace Mon 6/09 to Monday 09/June
code:
my code look like that
$("#scheduler").kendoScheduler({
        date: new Date("2013/6/13"),
        startTime: new Date("2013/6/13 07:00 AM"),
        height: 600,
        views: [
            "day",
            { type: "workWeek", selected: true },
            "week",
            "month",
            "agenda"
        ],
        timezone: "Etc/UTC",
        dataSource: {
            batch: true,
            transport: {

Scheduler

answered on 24 Jun 2014

7 answers

570 views

[Solved] DropDownList mapping text and value to columns/properties in the Grid

I get the content of the DropDownList from a remote datasource. The received data looks different from the schema I have so I need to get the connection between the object of the column I'm in and the results from the request plus I need to bind that correctly that the text and value are correct in the cell but not with the original property names.

Grid

answered on 24 Jun 2014

1 answer

189 views

Change in DropDownList doesn't cause a dirty flag

I have a DropDownList in a Grid and when I change the selection the row/dataitem is not dirty. The cause seems to be that the selection does not update the datasource maybe.

Grid

answered on 24 Jun 2014

2 answers

529 views

[Solved] Using Angular templates for rowTemplate

We're using the kendo.angular integration. Angular cell templates have been working well, here's an example of what we've been doing:

<a href="/\#/accounts/{{account.id}}/users/{{dataItem.id}}/edit">Edit</a>

We're now trying to use an Angular row template, but we can't see how to access the row specific data. {{dataItem.id}} is empty. How can we access the row specific data with an Angular template?

Here are my environment details:

OS: OS X 10.9.3
Browser: Chrome 35.0.1916.114
jQuery: 2.1.1
KendoUI: 2014.1.528

Any help would be appreciated!

Grid

answered on 24 Jun 2014