Questions on Kendo UI for jQuery Forum

1 answer

110 views

Hi everyone.

I'm creating a new mobile project using Icenium. When I start the device simulator, I get the following errors:

Uncaught ReferenceError: cordova is not defined about:blank:1

Uncaught TypeError: Cannot read property '0' of undefined kendo.mobile.min.js:17

Why do I get these errors?

Here is the markup from my header.

<!DOCTYPE html>

<html>
<head>
<title></title>


<link href="styles/kendo/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="styles/app.css" rel="stylesheet" />


<script src="cordova.js"></script>
<script src="scripts/kendo/jquery.min.js"></script>
<script src="scripts/kendo/kendo.mobile.min.js"></script>
<script src="scripts/app.js"></script>
</head>

General Discussions

answered on 07 Jan 2014

10 answers

234 views

Problem pasting MS-word content

I have a editor in an unsorted list (for formatting purposes). When I paste in FireFox, it adds another <li>, without pasting the content. If I paste a second time, the pasted content will be placed in the new <li>.
In IE10, I can’t paste at all.

How can I solve this?

I have a sample code in http://jsbin.com/UKIZOBi/5/edit

Thanks

Editor

answered on 07 Jan 2014

3 answers

131 views

How to properly remove MobileView from DOM

I'm working on an app with some particularly heavy views that I'd like to remove from the DOM if iOS reports a memory warning. What is the preferred method for this? For testing I tried adding:

hide:function(e) {

e.view.destroy();

e.view.element.remove();

},

where 'hide' is my view's callback for when the view is hidden. It's removed from the DOM but when I try to load it again, I get a js error from the kendo.js file:

Line 9: TypeError: 'undefined' is not an object (evaluating 'this.element.closest');

Am I missing something?

Thanks!

General Discussions

answered on 07 Jan 2014

1 answer

114 views

Google Maps appears only in upper left corner

Hi Fellas,

I have been struggling a lot with this problem in the last couple of weeks. I use Google Chrome and when I switch tabs to the "Map" tab, Google Maps appears only in the upper left tile. I demonstrated my problem here http://jsbin.com/OzOhelAK/3/edit.
Calling google.maps.event.trigger(map_canvas, 'resize') periodically does not change this. Though, I noticed that if I manually change the the windows size in Chrome it appears "correctly". I have also read about answers that suggest to initiate the map after the holding div is displayed not when the it is created.
A la,

$('.main-window').show(3000, function() {

// create the map after the div is displayed

var mapOptions = {

But is there not a solid without such silly workaround?

I would appreciate any help I can get on this!
Thank you so much,
Chris

General Discussions

answered on 07 Jan 2014

1 answer

82 views

Different Sorting Functions for Different Groups

Hi,

I would like to have different sorting functions for different groups.

For my cases, the events are grouped either by current, past and future group based on the time of the event.

For Current and Future Events, they should be sorted in Ascending Order.
For Past Events, they should be sorted in Descending Order.

I have manually sorted the list first before inserting into the list view as datasource

The group and fixedHeaders work field work perfectly on iOS.
On Android, however, the items order changed.

Do we have any ways to fix this?

Thanks!

ListView (Mobile)

answered on 07 Jan 2014

5 answers

1.2K+ views

How can I prevent/cancel delete key presses from the scheduler control?

How can I prevent/cancel delete key presses from the scheduler control?
I've gone all over the API, but I can't find a way to intercept the delete key and prevent the default.

Scheduler

answered on 07 Jan 2014

3 answers

405 views

How to make the Target Line a dotted Line?

Marketing has specific design in mind for my bullet chart. I'm using a vertical Bullet Chart. I need the target line to be a dotted line. Oh did I mention I'm using ICENUM to do the bullet chart on the phone. It's looking good.

I've tried to add the labels property found in the documentation;

series: [
{
target: {
color: "#444",
dashType: "dot",
line: {
width: 1,
}
}

It's not working for me.

Here is my complete script:

$("#bar-chart").kendoChart({
theme: global.app.chartsTheme,
renderAs: "svg",
legend: {
position: "bottom"
},
seriesDefaults: {
type: "column"
},
series: [
{
type: "verticalBullet",
color: "#d87635",
currentField: "score",
targetField: "average",
labels: // Did I mention that the labels are not working for me?
{
visible: true,
format: "{0}",
font: "14px Arial",
},
target: {
color: "#444",
dashType: "dot",
line: {
width: 1,
}
},
data: [
{
score: 93.7,
average: 65.2,
}, {
score: 80.2,
average: 22.2,
}, {
score: 60.8,
average: 35.2,
}, {
score: 82.1,
average: 45.2,
}, {
score: 74.2,
average: 55.2,
}
]
}
],
categoryAxis: {
labels: { rotation: -45 },
categories: ["Sales & Contracting", "Implementation & Training", "Functionality & Upgrades", "Service & Support", "General"],
line: {
visible: false
},
color: "#444",
axisCrossingValue: [0, 0, 100, 100]
},
tooltip: {
visible: false
}
}).data("kendoChart");

Any Help would be greatly appreciated.

BulletChart

answered on 07 Jan 2014

2 answers

121 views

Getting strange calendar layouts

Anyone know what might be causing this? Looks the same in Chrome and IE, so I don't think it's a browser thing.

Scheduler

answered on 07 Jan 2014

4 answers

69 views

loading animation

hi guys.
i have recently create an application that use google maps and also authentication with our server using jquery $. post command.
i have noticed that each time the code is calling to the loading animation ,it somehow bypassing it. the loading popup does not showing and in the debugger i see how it is commit the code for showing animation and... nada.
what can be the reasons for that?
before about two months i see someone with same issues who suggest to attach global jquery ajax events with showLoading and hideLoading functions and it was works for awhile.
can you provide the application settings and ajax settings in which loading animation will work correctly?
regards,
maor

General Discussions