Questions on Kendo UI for jQuery Forum

1 answer

87 views

Treeview Drag Drop - Confirm in onDrop shows multiple dialogs

Hi,

At the title of the thread, if you use a confirm within the onDrop event of the treeview drag drop then the confirm dialog is shown twice. This behaviour has been seen in IE11 and Firefox 26. Google Chrome 31.0.1650.63 appears to work as expected.

The following fiddle can be used to reproduce the behaviour: http://jsfiddle.net/ciantrius/KpEej/

TreeView

answered on 07 Jan 2014

2 answers

98 views

2 headers in app

Hi,

I'm trying to build an app that has a listview to show some categories of information. It has a basic layout like this.

<section data-role="layout" data-id="default" data-platform="ios">

<header data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

<a data-role="backbutton" data-align="left">Back</a>

</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a data-role="button" data-icon="organize" ref="">Secrets</a>

<a data-role="button" data-icon="compose" href="">Place a secret</a>

<a data-role="button" data-icon="contacts" href="">Profile</a>

</div>

</footer>

</section>

The problem is I want to add a buttongroup to the header so that its possible to select between two modes for this application, one button has show categories and the other button show everything. If i try to add a buttongroup to the header, the buttons overlap the title and it looks bad. Ideal I want to have a second header under the navbar that has the buttongroup. Is this possible and how?

Kind Regards,
Stefan

General Discussions

answered on 07 Jan 2014

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

560 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

135 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

87 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