Questions on Kendo UI for jQuery Forum

1 answer

138 views

Theme and style

Hi, I am new to Kendo UI. I have just tried to integrate it into my app which is using jQuery UI now (since some widgets such as Accordion is missing in Kendo UI). I know there is a Theme builder which is able to fine-tune the style of Kendo widgets. May I know how to style to basic HTML controls such as Input (text, radio), Textarea and button etc?

Thank you.

General Discussions

answered on 11 May 2012

5 answers

396 views

Custom Validation Does Not Work

[Edited] Ok, rephrasing this question after looking at it again. I'm trying to use both the HTML5 validation, and then also add one extra check that password and password-confirm contain the same value. It is working now, however, the message for that extra validation is not overriding the validationMessage value. Is there a straightforward way to do this?

And again, your documentation is a nice start, but it really needs more complete examples, and thorough coverage of options and capabilities. Thanks.

<html>

<head>

<link href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />

<link href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>

</head>

<body>

<form id="foo-form" name="foo-form" action="/foo" method="get">

<select id="test-combo" multiple="multiple">

<option value="1">Option 1</option>

<option value="2">SmOption 2</option>

<option value="3">BlOption 3</option>

<option value="4">GOption 4</option>

</select>

<br />

<label for="org" class="required">Organization</label>

<input id="org" name="org" required="required"

type="text" validationMessage="Organization required" />

<span class="k-invalid-msg" data-for="org"></span><br />

<label for="zip" class="required">Zip Code</label>

<input id="zip" name="zip" pattern="\d{5}([\-]\d{4})?" required="required"

type="text" validationMessage="Valid zip code required" />

<span class="k-invalid-msg" data-for="zip"></span><br />

<label for="fullname" class="required">Name</label>

<input id="fullname" name="fullname" required="required"

type="text" validationMessage="Please enter full name" />

<span class="k-invalid-msg" data-for="fullname"></span><br />

<label for="email" class="required">Email</label>

<input id="email" name="email" required="required"

type="email" validationMessage="Valid email required" />

<span class="k-invalid-msg" data-for="email"></span><br />

<label for="password" class="required">Password</label>

<input id="password" name="password" required="required"

type="password" validationMessage="Please enter password" />

<span class="k-invalid-msg" data-for="password"></span><br />

<label for="password-confirm" class="required">Confirm Password</label>

<input id="password-confirm" name="password-confirm" required="required"

type="password" validationMessage="Please confirm password" />

<span class="k-invalid-msg" data-for="password-confirm"></span><br />

<input id="register-submit" name="register-submit" type="submit" value="Sign Up" />

</form>

<script type="text/javascript">

$(document).ready(function(){

$("#test-combo").kendoComboBox({

filter: "contains",

suggest: true,

});

$("#foo-form").kendoValidator({

rules: {

verifyPasswords: function(input){

var ret = true;

                             if (input.is("[name=password-confirm]")) {

                                 ret = input.val() === $("#password").val();

                             }

                             return ret;

}

},

messages: {

verifyPasswords: "What's going on?"

}

});

</script>

</body>

Validation

answered on 10 May 2012

0 answers

75 views

ThemeBuilder Appears Broken

This was a Firewall issue.

General Discussions

asked on 10 May 2012

1 answer

109 views

IE10 DatePicker doesnt work properly

Hey,

currently I am developing for IE10 and I think I discovered a bug.
Clicking the currently selected month usually displays an overview of all months of the selected year. If you click on the year again, you will see an overview of decades and centuries after an additional click. But this doesnt work in IE10, the popup just stays empty after clicking the selected month, do you know why? Could you fix this?

I think I dont have to provide a sample, because you can see this behaviour with your very own datepicker demo.

Greetingz.

Date/Time Pickers

answered on 10 May 2012

1 answer

47 views

Widen Color Bands on Radial Gauge?

Is there a way to specify the width of the colored ranges on a radial gauge?

Gauges

answered on 10 May 2012

1 answer

280 views

Adding Values to tooltip, color changing, disableing the point.

Hey,
saving Your time I`ll try to ask several questions in one thread.

So I`m trying to do the same with the tooltip - to display something in addition to the default tooltip.

So default is that the tooltip displays the value of the point, I added to display the date like this:

tooltip: {
visible: true,
format: "{0:N0}",
template: "#= dataItem.Date #"
}

But then it only shows the date but not the value any more. Any advice ?

Ideally I would like to see the name value and date in the tooltip.

name being written when adding the series :
series:
[{
field: "Value1",
name: "GP3-PT-270517.PV_IND"
},
{
field: "Value2",
name: "Name2"
},

Interesting thing is that when i generate json file and the field name is "GP3-PT-270517.PV_IND" it doesnt work, hence i had to rename it to Value1, Value 2 and so on. Why is that ? json doesnt like " -, , ._" ?

I couldn`t find how to change the colour of the lines on my chart ? hwo to change the width of the line and how disable the round circles on the line.

Thank You in advance,
Much Aprech,
N

Charts

answered on 10 May 2012

0 answers

109 views

Fallbackvalue?!

Hey,

while binding, is there any way to define something like a fallbackvalue, in case the property is undefined? Using Json and a documentbased database it is possible that some properties are not set, when binding happen.
And what about binding an input to a non-existing property of an object, will it be updated, when someone fill in the input?

Greetingz

Kevin

MVVM

asked on 10 May 2012

3 answers

296 views

Server paging and ListView's loadMore

In odata __next is specified to let the datasource know how to request more results. I'm using hand rolled json and my listview isn't showing the loadmore button. What do I need to do to let it know it should request the same URL but increment the page number?

$("#searchResultsListView").kendoMobileListView({

dataSource: ds,

template: "#= f #",

headerTemplate: "${value}",

loadMore: true

});

var ds = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:3000/api/anagram",

dataType: "jsonp",

data: {

format: 'html'

}

},

parameterMap: function(options) {

if (options.filter && options.filter.filters.length > 0)

return {

rack: options.filter.filters[0].value.replace(/\?/g,'-'),

format: 'html',

limit: options.pageSize,

page: options.page

};

return options;

}

},

group: 'length',

pageSize: 10,

page: 1,

sort: {field: 'w', dir: 'asc'},

filter: { field: 'rack', operator: 'eq', value: 'z' },

serverFiltering: true,

serverPaging: true,

serverGrouping: true,

serverSorting: true,

error: function(e){

alert(e);

console.log(e);

},

change: function(e) {

console.log('Data changed: ' + this.total());

},

schema: {

groups: 'groups',

total: 'count',

model: {

fields: {

length: {

type: 'number'

},

w: {

type: 'string'

},

f: {

type: 'string'

}

});

ListView (Mobile)

answered on 10 May 2012

0 answers

286 views

Login Form

I want to create a MVC 3 login form and use kendo to call the controller method to validate the user. What is the best approach to do this

General Discussions

asked on 10 May 2012

1 answer

84 views

window is not working with JQuery 1.3 or 1.4 ver

Hello,

window web ui is not working with JQuery 1.3 or 1.4 ver we are using in our application these old version if we update so most of the things will breaks.

so therefore we can not use jquery.min that was supplied with kendo ui kit.

could you please help me on this issue.

Thanks
Wajahat

Window

answered on 10 May 2012