Questions on Kendo UI for jQuery Forum

1 answer

483 views

[Solved] CDN Issue with Cloudfront (Error 403)

Starting yesterday I am getting an HTTP error 403 when referencing scripts through your CDN url. For example this is the CDN for one of the scripts that I am using...

http://cdn.kendostatic.com/2012.1.327/js/kendo.core.min.js

Error message returned from Cloudfront...

HTTP/1.0 403 Forbidden

x-amz-request-id: D70A9E7943FF134A

x-amz-id-2: Teb1FFe9UYJ66BlEHbEQOsuo7S3GfM+jSjSq5xNBgJi8FITzAWh6LmKK3Xs1Htza

Content-Type: application/xml

Date: Mon, 02 Apr 2012 15:31:46 GMT

Server: AmazonS3

Age: 43

Content-Length: 231

X-Cache: Error from cloudfront

X-Amz-Cf-Id: pdppFTS3_Rgc5EE8_VBWRUgwknrArJME_TTz7qfnEtBPl0jxryaIwQ==

Via: 1.0 7e4ecdff0078259d2c1827ec3336b278.cloudfront.net (CloudFront)

Connection: close

<?xml version="1.0" encoding="UTF-8"?>

<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>D70A9E7943FF134A</RequestId><HostId>Teb1FFe9UYJ66BlEHbEQOsuo7S3GfM+jSjSq5xNBgJi8FITzAWh6LmKK3Xs1Htza</HostId></Error>

General Discussions

answered on 03 Apr 2012

2 answers

119 views

bug in slider demo

I think you have a bug in the slider events demo... http://demos.kendoui.com/web/slider/events.html

The first slider reports change event when sliding and slide event at the end of sliding - it should be vice versa.

Slider

answered on 03 Apr 2012

3 answers

1.2K+ views

how to clear autocomplete

There is probably something I'm missing here, but I can't find a way to clear the autocomplete and have it refresh the datasource. I have tried making a button with a click event that does it, but I'm not sure what to put in the click event. Here is a jsfiddle. Would you please show me how to clear the search result and refresh the grid to bring it back to all results?

http://jsfiddle.net/dsapala/5f3x4/

AutoComplete

answered on 03 Apr 2012

0 answers

110 views

Problems with dataSource grouping

Hello everybody,

I have a chart with the next information

data: [{c:"P",m:"E",p:22},{c:"S",m:"E",p:40},{c:"P",m:"S",p:46},{c:"S",m:"S",p:32}]

and i want to have two columns on the series axis:
http://demos.kendoui.com/dataviz/bar-charts/index.html

(based on the example)
categoriesField: m

and the series
is
[{name: c, data: 22}]

i have heard that is grouping the datasource but it didnt works

Data Source

asked on 03 Apr 2012

2 answers

293 views

[Solved] Adding validation to a window causes the message to wrap

I am using a kendo window to input information and I am also trying to use the validation.

The validation message gets wrapped. Is it possible to extend the validation message so it overflows the windows border? I really would like it to stay on a single line without the wrapping.

Any suggestions would be appreciated.

Thank you

Validation

answered on 02 Apr 2012

0 answers

98 views

Aggregate- count from remote data

Hi everyone

Someone can help me doing a count () from remote data (All rows that I need)?

I want use a shared data source in a column chart that show the count by category and in a grid show the details.

Please
Regards,

M.

Data Source

asked on 02 Apr 2012

2 answers

1.3K+ views

[Solved] Grid Edit/Delete/Update buttons template

Hi,

can we edit the templates/css of command buttons in Grid? like Edit/Update/Delete

I want to remove the background of these buttons and the text so only the icons are shown

Grid

answered on 02 Apr 2012

2 answers

147 views

Custom styling lost when a page is loaded inside a tab view

How can I retain some of the custom styling I wish to have in my view if loaded within a tabstrip.
Styles in following code block were lost when loaded from tabstrip, however, they work when loaded separately.
thanks,
Saurabh

<!DOCTYPE html>

<html>

<head>

<title>River Stage Info</title>

<style type="text/css">

dl.RiverStageInfo

{

border-style: solid;

}

.RiverStageInfo dt

{

float: left;

width: 100px;

}

.RiverStageInfo li

{

display: table-cell;

margin: 5;

width: 70px;

border-left-style: solid;

}

.RowItem ul

{

list-style-type: none;

border-top-style: solid;

margin: 0;

}

.CellHeader ul

{

margin: 0;

list-style-type: none;

}

</style>

</head>

<body>

<div data-role="view" id="RiverStage" data-layout="mobile-tabstrip">

<dl class="RiverStageInfo">

<dt> </dt>

<dd class="CellHeader">

<ul>

<li>River Mile</li>

<li>Normal Ft</li>

<li>Current Ft</li>

</ul>

</dd>

<dt>Coney Island</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">459.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">52</li>

</ul>

</dd>

<dt>Island One</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">500.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">44</li>

</ul>

</dd>

<dt>Second Island</dt>

<dd class="RowItem">

<ul>

<li class="RiverMile">200.1</li>

<li class="NormalFt">50</li>

<li class="CurrentFt">22</li>

</ul>

</dd>

</dl>

</div>

</body>

</html>

TabStrip (Mobile)

answered on 02 Apr 2012

2 answers

447 views

[Solved] MVVM and KendoUI Mobile

Hi,

I just downloaded the new trial version of Kendo UI. According to the documentation, for my mobile project, I must include the script kendo.mobile.min.js . But, if I only include this script, I can't use the MVVM framework (for example, observable method is not known on the kendo object). If I include the script kendo.all.min.js, all works fine. So, the MVVM framework is not included in the Kendo UI Mobile package ? What script must I include in addition to kendo.mobile.min.js for MVVM ?

Cordially,
Kakone.

MVVM

answered on 02 Apr 2012

0 answers

139 views

Cancel drop after drop event fired

i have a TreeView that once the user drops the item to the desired position, it displays a dialog box and asks for confirmation, if the user selects cancel, how would i also cancel the placement of the item so it goes back to its original position? my current code is below but isnt working:

var newDiv = $(document.createElement('div'));

newDiv.html(

'<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>Are you sure you want to move the item: '

+ title + ' </p>');

newDiv.dialog( {

autoOpen: true,

width: 600,

buttons: {

"Save": function () {

$(this).dialog("close");

},

"Cancel": function () {

$(this).dialog("close");

e.setValid = false;

}

});

TreeView

asked on 02 Apr 2012