Questions on Kendo UI for jQuery Forum

1 answer

56 views

IE8 Browser becomes unresponsive when removing items from MultiSelect when bound to MVVM View Model - Kendo UI Q3 2013

Hi,

I have a MultiSelect bound to part of my View Model using Kendo MVVM and the declarative binding syntax which for the most part is working great. However, I have noticed that when removing items from the MultiSelect in IE8 the browser becomes unresponsive. This happens in IE8 native and in emulated modes are far as I can tell and seems to do this in the latest Q3 2013 builds also.

I have put together a simple example on JS Bin: http://jsbin.com/UJOxUqa/1/

I have tried with the Q2 2013 version and it seems to work OK (http://jsbin.com/OcAHuQEW/1/), so it looks like something may have been introduced in Q3?

We are due to go to pilot next week where the user base is all IE8, so if there is not a quick or obvious workaround I am guessing I will have to revert to Q2?

Any help greatly appreciated...

Regards,

Dan.

MultiSelect

answered on 07 Jan 2014

4 answers

2.0K+ views

Grid header doesn't do ellipsis on text overflow

Hi,

I'm trying to set up the grid header to do text ellipsis [Column Ti...] when the content of the header exceeds the column width.

However as you can see in the attachments, when I set the text span style as:
overflow:hidden;
text-overflow:ellipsis

The grid header wraps in multiline (the first line contains the filter icon, and the next one the header text)

I am wondering how can I achieve the appearance as in expected.png where the text does ellipsis and the filter icon remains in the same line.

Could you please shed a light with this issue?

Thanks,

Felipe.

Grid

answered on 07 Jan 2014

2 answers

556 views

Duplicating textbox

Everytime I fire this command a new instance of the Kendo numerictextbox widget span appears. It is tied to the same element though. Is there an inbuilt event or method that checks for existing numerictextbox widget span and doesn't add another?

$("#MROEveryHourNum").kendoNumericTextBox({
               value: 1,
               min: 0,
               max: 51,
               step: 1,
               format: "#",
               decimals: 0
           });

Thanks

NumericTextBox

answered on 07 Jan 2014

1 answer

113 views

Errors When Starting Device Simulator

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

236 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

133 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

85 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

410 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