Questions on Kendo UI for jQuery Forum

1 answer

75 views

Validation message span not positioning correctly when input is nested in anchor tag

Why doesn't this work? The invalid message span is moved to be a sibling of the input element. Shouldn't it remain outside the anchor tag?

I've created a jsbin here.

Thanks,
Jon

Validation

answered on 03 Apr 2013

2 answers

479 views

attaching a tooltip to a listview item?

How would I attach a tooltip to each listview item?
I want to do something like the following:

<script type="text/x-kendo-tmpl" id="template">

<div class="product">

<img src="myimage.jpg" alt="${Name} image" id="${ModelID}" />

<h2>${Name}</h2>

<h3>Starting from: $${kendo.toString(parseFloat(Price), "n0")}</h3>

<div class="edit-buttons">

<a id="viewbtn" class="k-button k-button-icontext" href="\\#">View </a>

<a id="tooltipbtn" class="k-button k-button-icontext" href="\\#">TOOLTIP</a>

<p id="tooltipcontent" style="display:none">

#for (var i=0; i<VariationsForProduct.length; i++){#

${VariationsForProduct[i].Name} $${VariationsForProduct[i].StartingPrice}

<br />

# } #

</p>

</div>

</script>

So when the user clicks on the "TOOLTIP" button, they see everything in the paragraph that is hidden below (id="tooltipcontent").

Is there an example of this somewhere? Attaching a tooltip to each item in a listview, with the tooltip content being populated from the listview item?

ToolTip

answered on 03 Apr 2013

3 answers

93 views

I have a few question about Kendo UI

1. How to add a customized component to the header column, such as a check box clicked to make all the check boxes in cells checked / unchecked.

2. Is Kendo grid support the frozen feature? For example, if we have 20 columns, is it possible to make first 3 columns frozen and the other columns with a scroll bar?

3. How to apply the permission on grid? If we have check box in each row, is it possible to make some disabled or read only if end user has no permission?

4. Can you provide us the source code of Kendo UI, if we need customized something by ourselves?

Thank you so much.

Grid

answered on 03 Apr 2013

1 answer

255 views

Input field change event

Hello,

Is there a way to capture a change event from a mobile input field? I'm trying to recalculate values in a mobile view based on user input, but since the mobile input control is not the same as the web one, it doesn't work using the "data-change" attribute.

Thanks,
Hans

General Discussions

answered on 03 Apr 2013

1 answer

197 views

JSFiddle demo not working

Hello,

I have a working example that works locally, but when I deploy it up to JSFiddle, this doesn't work correctly. I was curious if there is a specific way I have to set this up? There is some JS initialization that happens on window.onload (setup by JSFiddle) that I thought might be throwing off Kendo UI, because none of the data-binding is working, when it did before.

Here is the fiddle: http://jsfiddle.net/bmains/7pata/

Thanks.

General Discussions

answered on 03 Apr 2013

1 answer

240 views

Drag stops when mouse hovers over iframe - suggested fix?

I have a series of kendo windows and some may contain iframe tags within their contents. When a user drags a window, dragging stops while the mouse is over the iframe. There is a jquery plugin that fixes this issue when using jquery drag, is there something similar for Kendo or could I use the same plugin? The plugin is posted below:

$.ui.plugin.add("resizable", "iframeFix",

start: function() {

var o = $(this).data('draggable').options;

$(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {

$('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')

.css({

width: this.offsetWidth+"px", height: this.offsetHeight+"px",

position: "absolute", opacity: "0.001", zIndex: 1000

})

.css($(this).offset())

.appendTo("body");

});

},

stop: function() {

$("div.ui-draggable-iframeFix").each(function() {

this.parentNode.removeChild(this);

}); //Remove frame helpers

}

});

Window

answered on 03 Apr 2013

1 answer

29 views

Chart with Navigator

For some reason I cant add a post in http://www.kendoui.com/forums/dataviz/chart/chart-with-navigator.aspx
The Q1 release did not contain this requested feature.
Is there any date for an internal build with this capbability ?
Thx
Sagi

Charts

answered on 03 Apr 2013

1 answer

293 views

MVVM not working with DropDownList when typeof data value is boolean

Hello Kendo,

I just used the following test code with kendo DropDownList mvvm as to your demo:

<script>
$(function() {
var vm = kendo.observable({
dropdownlistSource: [
{ text: 'True', value: true },
{ text: 'False', value: false }
],
selected: null
});

vm.selected = vm.dropdownlistSource[1];
kendo.bind($('body'), vm);
});
</script>
</head>
<body>
<input data-role="dropdownlist" data-text-field="text" data-value-field="value" data-bind="source: dropdownlistSource, value: selected" />
</body>

However, the widget just display the first item every time, not the value demonstrated in data-bind attr. When i switch the value field of data source to interger 1 and 0, that works perfect.

I think this would be a bug in your control, and please pay attention to it when u r free.

Wenhao

DropDownList

answered on 03 Apr 2013

1 answer

659 views

saveChanges callback

I'm having some timing issues and was wondering if there is a way for saveChanges to have a callback when it's save is complete?

Grid

answered on 03 Apr 2013

1 answer

59 views

Kendo charts in hybrid MVC4 desktop/mobile app

A project we are just starting requires us to display graphs on both desktop and mobile versions of the app.

The browsers available to us within Visual Studio 2012 and Webmatrix are as follows:
Desktop: Firefox, Google Chrome, Internet Explorer, Opera Internet Browser, Safari
Mobile: Windows Phone 7, Opera Mobile Emulator, Electric Plum iPhone/iPad simulator

The chart appears on all browser types except for the Electric Plum iPhone/iPad emulator. The main mobile focus for us are the iOS devices so we really need to get it working.

I created a test application (as a 'Kendo UI for MVC Web Application') and the only files I have altered are those in the attached zip file. I wonder if you could let us know what we need to do to get the graph to appear please?

General Discussions

answered on 03 Apr 2013