Questions on Kendo UI for jQuery Forum

1 answer

135 views

I tried the autocompete demo in the open source package, and when I replaced the countries names with their names in Bulgarian, I noticed that it does not work with the names in Bulgairan. What can be the problem.

AutoComplete

answered on 06 Dec 2011

1 answer

82 views

DatePicker on ipad and in IE

I noticed that the IPad doesn't show the ipad based date select. For that i added the Type=date attribute to the input, but this seems not to work because after selecting a date the value gets written to the input and after a second it gets removed again. within IE8 I noticed that the calender don't close after selection. Any Ideas?

Carsten

DatePicker

answered on 06 Dec 2011

1 answer

688 views

Dynamically Grow Window

Hello,

I have a basic Window. This Window has a basic Tab Strip. Some of the content in each of the tabs will dynamically appear. When the content appears, the size of the tab dynamically grows, which is what I want. However, the Window stays the same size. Ideally, I would like for the Window height to grow as well. Is there a way to do this? I've included my code below to demonstrate what I'm talking about. Also, is there any support for a maxHeight-esque property?

<input type="button" id="testButton" value="Test" onclick="return testButton_Click();" />

<div id="testDialog">

<div id="testTabs">

<ul>

<li class="k-state-active">Tab 1</li>

<li>Tab 2</li>

</ul>

<div>

<div id="errBanner" style="padding-bottom:8px;">Testing a longer error message. This thing will wrap. There is a chance this will wrap. It should.</div>

<div>Name</div>

<input id="nameTextBox" />

<div>Please enter your name.</div>

</div>

<div>

Tab 2 Content

</div>

<input type="button" id="validateButton" value="Validate" onclick="validateButton_Click();" />

</div>

<script type="text/javascript">

$().ready(function () {

$("#testDialog").kendoWindow({

visible: false,

title: "Test",

minHeight: 150,

minWidth: 400,

modal: true,

open: function () {

$("#errBanner").hide();

}

}).data("kendoWindow");

$("#testTabs").kendoTabStrip({

animation: { open: { effects: ""} }

});

function testButton_Click() {

var dialog = $("#testDialog").data("kendoWindow");

dialog.center();

dialog.open();

}

function validateButton_Click() {

$("#errBanner").show();

}

</script>

Window

answered on 06 Dec 2011

2 answers

106 views

Kendo UI show not good in Chrome and Firefox

Hi, in Chrome or Firefox, there are no skins and images.
Look the images attached, please.

Thanks.

Charts

answered on 06 Dec 2011

1 answer

109 views

Script#

Are there any plans to add support for Script# with kendo UI?

General Discussions

answered on 06 Dec 2011

1 answer

166 views

Inline edit of node description

I cannot seem to find an out of box functionality for changing the description (node text) of a node on the fly. Does it exist and if not will it be there in the future?

TreeView

answered on 06 Dec 2011

0 answers

291 views

Knockout Custom Binding for ComboBox Example

Kendo UI Enthusiast,

I created a Kendo UI Knockout Custom binding that utilize the Kendo ComboBox: Custom Kendo ComboBox Binding (jsFiddle)

As you can see it works well, binds the datasource to the kendo combobox, respects the observable array changes, ignores invalid changes, and sets the observable selected item back and forth.

I basically took my jquery autocomplete version and changed it to work with ComboBox. Here is the dropdown knockout custom binding version.

Here is the Date Picker Custom Knockout Binding, this allows you to bind to a Date object in your viewModel without having to worry about converting to and from a string and respects the observable property from the ViewModel.

Hopefully we can convince Telerik Devs to create a custom knockout binding version for all the Kendo UI Controls. This would make using kendo ui controls with knockout trivial and extremely simple.

ComboBox

asked on 05 Dec 2011

2 answers

196 views

touch counterpart to mouse hover (touchhold)

Could the Kendo UI implement the touchhold touch metaphor? When the user's finger touches and lingers on a screen element for a set length of time, e.g. 500ms, the action raises a touchhold event?

See the discussion here: http://forum.jquery.com/topic/touch-actions

Quoting from it:

"Look at what happens on the iPad's virtual keyboard when you hold your finger down (i.e. allow it to linger) for about ~500ms on one of the vowel keys, e.g. [a] on the US keyboard: you get a tooltip-like interactive menu from which you can select a variant form of the letter -a- (umlauted -a-, accented -a-, etc). If you lift your finger from the [a] key that little interactive tooltip disappears; you have to slide onto it to use it.
...
With this finger-linger behavior you can have both linger (hover) and tap events attached to the same element, e.g.an image-map AREA. You could display a tooltip when the user lingers on the element and execute other behavior when the user actually taps on it. ... You could also use this behavior to create context-menus."

Regards
Tim Romano
Swarthmore PA

General Discussions

answered on 05 Dec 2011

0 answers

104 views

datasource problem

data    [ { ProductTypeId="1558", name="Apparel"}, Object { ProductTypeId="1554", name="Bottlecap Clips"}, Object { ProductTypeId="1550", name="Bows"}, etc...]

This is how my json is coming back. How should I format the datasource? I can't figure out to write the schema. Do I need a schema?

$("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "data.cfm"
                            },
                            schema: {
                                data: {
                                        producyTypeId: { type: "number" },
                                        siteId: { type: "number" }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                                title:"ID",
                                field:"producyTypeId",
                                filterable: false
                            },
                            "name"
                        ]
                    });

Grid

asked on 05 Dec 2011

4 answers

159 views

Method toFront () alone?

If you open multiple windows. It is clear that the z-index goes from step 1. If I want to rearrange the window as fronted, I use toFront (). A window focus event get there?

If my English is very poorly understood, may help to code:).

el.kendoWindow({

click: function(){

alert('go'); // Please do something like this ...

},

width: "500px",

height: "300px",

dragend: function(){

this.toFront(); // So bad, right?

},

actions: ["Refresh", "Minimize", "Maximize", "Close"],

title: "Modal Window",

}).data("kendoWindow").center().open();