Questions on Kendo UI for jQuery Forum

1 answer

236 views

Hi,

I know that you can change the width of the combobox drop-down list programatically using the following method:

http://docs.telerik.com/kendo-ui/getting-started/web/combobox/overview#customizing-the-width-of-the-drop-down-list

If there some way to set the width of the drop down list to be automatic, so that the width changes to match the size of the content on a single line?

I am interested in templates that have one or more columns:

template: "<div><span>#: TicketTypeName #</span><span>#: TicketTypeDescription #</span></div>"
template: "<div><span>${TicketStatusName}</span></div>"

ComboBox

answered on 25 Jun 2014

1 answer

158 views

Listview Widget as Both kendoDraggable and kendoDropTargetArea?

Is it possible to do this? Have a List view widget that can have both draggable and drop target functionality?

Has anyone else attempted to implement this?

Drag and Drop

answered on 25 Jun 2014

1 answer

136 views

Get current row/dataitem on create/update

I have a grid with inline editing, when you hit update it updates/creates all entries that are available and not only the current row. So how do I filter for the current row only. I don't want the whole grid to fire an update/create when I only change a single row.

Grid

answered on 25 Jun 2014

3 answers

161 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

164 views

[Solved] DropDownTree

Does Kendo UI support a DropDownTree control?

Similar to the RadDropDownTree

TreeView

answered on 25 Jun 2014

1 answer

307 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

203 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

213 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

424 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

340 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