Questions on Kendo UI for jQuery Forum

5 answers

155 views

Strange looking UI

Hi,

I'm just new to kendo, so I may did something wrong, when setting up my project. I have a simple file:

01.<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

02. pageEncoding="ISO-8859-1"%>

03.<%@ taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>

04.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

05.<html>

06.<head>

07.<link href="styles/kendo.common.css" rel="stylesheet" />

08.<link href="styles/kendo.default.min.css" rel="stylesheet" />

09.<script src="js/jquery.min.js"></script>

10.<script src="js/kendo.all.min.js"></script>

11.

12.

13.<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

14.<title>Insert title2 here</title>

15.</head>

16.<body>

17. <div id="example" class="k-content">

18. <kendo:calendar name="cal1"></kendo:calendar>

19. </div>

20.</body>

21.</html>

When its rendered in Chrome it looks like as you can find attached. This looks kind of something is missing. But when I click the linkes css and js files in Chrome Source view, it all resolves fine.

Do you have a hint for me?

Thanks in advance!

Jan

General Discussions

answered on 30 Apr 2014

1 answer

187 views

How to catch 401 erros when loading new tab?

My company is building a website that loads pages into kendo tabs using .append and contentUrl. But our forms based security has overloaded the MVC AuthorizeCore for security and if they user is not authorized to view that URL, then it is sent to our overload of HandleUnauthorizedRequest.

We then set the filterContext.Result to a 401 - Not Authorized error.

But, the tab strip continues to add a tab. How can I trap an http error and have the tabstrip not add a new tab?

Lee

TabStrip

answered on 30 Apr 2014

1 answer

181 views

Bind viewmodel with Rest API in mobile application

Hi,

I am working with a mobile application, which has a form with many fields(for update functionality) that i like to populate using a MVVM viewmodel. Viewmodel is to be binded with a REST url. Can a datasource be used in this scenario? What is the performance optimized way to populate a form with many fields(with Textboxes, dropdowns, combobox etc.). Please provide a help link for this.

MVVM

answered on 30 Apr 2014

2 answers

289 views

Shape layers with local data Datasource

Hi. I'm trying to have a shape layer connected to a local Datasource like this:

var shapes = new kendo.data.DataSource({type: "geojson"

});



$(

"#map"

).kendoMap({

    center: [44, 10],

    zoom: 4,

    layers: [{

        type:

"shape"

,

        dataSource: shapes,

        style: { fill: { opacity: 1 }}

    }],

    shapeCreated:

function

(e) {

var

shape = e.shape;

        shape.fill(

"#88f"

);

    }

});



shapes.add({

"id": "FRA", "type": "Feature", "geometry"

: {

"type": "Polygon",



    "coordinates"

: [[ [-4,48], [2,51], [9,44], [-2,45] ]] }

});



shapes.add({

"id": "ESP", "type": "Feature", "geometry"

: {

"type": "Polygon"

"coordinates"

: [[ [-9,43], [3,43], [2,36], [-9,37] ]] }

});

The two shapes are drawn, but when you change the zoom level, only the last one remains. The rest vanish silently.

What I'm missing?

Map

answered on 30 Apr 2014

4 answers

482 views

[Solved] DropDownList problems in firefox

I have a problem with DropDownList that appears i think only in Firefox (FF ver. 28.0, even in safe mode).

The problem apperas even in Kendo official demo http://demos.telerik.com/kendo-ui/web/dropdownlist/index.html

Problem is that when i load page - dropdown works fine - but when i scroll down page, then dropdown doesn't work (i see the animation that dropdown is expanding but immediately dropdown list collapses).

DropDownList

answered on 30 Apr 2014

2 answers

296 views

Telerik Reporting HTML 5 Report Viewer: Internal Server Error: An error has occurred. Attempting to deserialize an empty stream.

I began to receive an error when I was running the reports in the project. Everything had been working for a number of weeks and then suddenly I received an error of "Internal Server Error: An error has occurred. Attempting to deserialize an empty stream" inside of the Report Viewer.

I tried a number of different things and then I eventually checked my code out to another sub-directory and recompiled my project and now the reporting is working again.
The HTML Viewer must have some kind of file that can become locked or corrupted.

I am posting this thread to help any other users that might have the same issue in the future.

Best Regards,
Mark Kilroy

General Discussions

answered on 29 Apr 2014

0 answers

719 views

support for formatting and parsing data during text binding

Hi,

If you want to add formatting and parsing to kendo you have to override text binding in the framework. Add data-format and data-parser attribute bound element. The data-parser attribute is not required and will only be used if data-format attribute is present. So far I had no problem using it.
PS: data-parser attributes is only needed when underlying data is stored as string(s) apposed to native form.

<li class="text-center" data-bind="text:date" data-format="MMM-yy" data-parser="date"><b></b></li>

<li> </li>

<li><a href="\#" data-bind="text:salary"></a></li>

<li><a href="\#" data-bind="text:overtime" data-format="N2"></a></li>

(function (f, define) {

define(["kendo"], f);

})(function () {

(function ($, undefined) {

var kendo = window.kendo,

binders = kendo.data.binders,

Binder = kendo.data.Binder,

toString = kendo.toString;

var parsers = {

"number": function (value) {

return kendo.parseFloat(value);

},

"date": function (value) {

return kendo.parseDate(value);

},

"boolean": function (value) {

if (typeof value === "string") {

return value.toLowerCase() === "true";

}

return value != null ? !!value : value;

},

"string": function (value) {

return value != null ? (value + "") : value;

},

"default": function (value) {

return value;

}

};

binders.text = Binder.extend({

init: function (element, bindings, options) {

//call the base constructor

Binder.fn.init.call(this, element, bindings, options);

this.jelement = $(element);

this.format = this.jelement.attr("data-format");

this.parser = parsers[this.jelement.attr("data-parser") || "default"];

},

refresh: function () {

var text = this.bindings.text.get();

if (text === null) {

text = "";

}

else if (this.format) {

text = toString(this.parser(text), this.format);

}

this.jelement.text(text);

}

});

})(window.kendo.jQuery);

return window.kendo;

}, typeof define == 'function' && define.amd ? define : function (_, f) { f(); });

MVVM

asked on 29 Apr 2014

0 answers

171 views

kendo.dataSource throws warning in Karma/Jasmine tests

So i'm wondering if anyone has been able to "sucessfully" implement karma tests using kendos built in $http.get; the kendo.dataSource. During testing I receive this warning

WARN [web-server]: 404: ...

I've attached a screenshot

It's basically the transport.read trying to get the data for the chart. I've tried to use $httpBackend to resolve this request but I still get the warning. While it's not failing any tests it's really annoying to see.

Here is the plunkr

Charts

asked on 29 Apr 2014

3 answers

321 views

[Solved] First editable cell doesn’t enter in edit mode when adding rows to kendo grid with frozen

Hi Kendo team:

When I add a row to a grid with frozen columns, neither the
first editable cell enters in edit mode nor the vertical scroll changes to put the
new row in sight.

I’ve attached an example. Click the add button and you will
not see the new row. You have to scroll down and you’ll see that any cell is in
edit mode.

Kind Regards,

Oscar.

Grid

answered on 29 Apr 2014

1 answer

236 views

How to change the series icon shape in Kendo UI linechart?Can I use custom icon?

I know the default icon is "circle",now I want to change the icon shape.The total icon shape are only "circle", "square", "triangle", "cross".Can Iuse custome icon?I use these codes in the databound event,but it seems not work.

var colorArr = new Array("#FF0000", "#FF8C00", "#006400", "#40E0D0", "#800080");

var iconShapeArr = newArray("circle", "square", "triangle", "cross");

function onDataBound(e) {

var chart = e.sender;

var series = chart.options.series;

for(var index = 0; index <= series.length - 1; index++) {

chart.options.series[index].color = colorArr[index];

chart.options.series[index].markers.background = colorArr[index];

// chart.options.series[index].notes.icon.shape = "square";

}

Charts