Questions on Kendo UI for jQuery Forum

1 answer

112 views

Header label wrapping

Hi,

Is there a way to wrap the header label of the column

thanks
wisam

Grid

answered on 14 Mar 2013

1 answer

119 views

ios like home screen with icons, which scrolls horizontally

Hi
Being a new user of Kendo UI mobile, I am finding difficulties to develop an ios like home screen with icons, which scrolls horizontally for android. I am just using HTML5/CSS3 & default Kendo UI jquery. Couldnt find any suitable documentations or tutorial to come up with the solution. Any help would be appreciated.

a sample exactly what I want (though not done with KendoUI http://demo.tutorialzine.com/2011/10/ios-homescreen-coffeescript/ )

Thanks in advance.
Souvik Das

ScrollView (Mobile)

answered on 14 Mar 2013

1 answer

114 views

Constructing HierarchicalDataSource from different sources

Hi,
I am new to KendoUI and I would like to achieve something similar to what is accomplished in the odata-binding.html sample. The difference is that i would like to use a local datasource instead of a odata source for the second datasource (the product datasource in the sample). Is that possible or do I have to use odata for all datasources?
Thanks,
Marc

TreeView

answered on 14 Mar 2013

1 answer

300 views

Add Dynamic ListView to View

I want to dynamically add a list view to a view:

My view:

<div id="real-estate-2" data-role="view" data-layout="main" data-before-show="beforeShowRealEstate" data-show="realEstateListShow" data-hide="hideRealEstateList" class="real-estate-view">

</div>

Initialization code:

function realEstateListShow(e) {

e.view.content.append($('<ul class="real-estate-list-properties"></ul>'));

var viewID = e.view.id;

$(viewID + " .real-estate-list-properties").kendoMobileListView({

dataSource: new kendo.data.DataSource({

pageSize: 20, //defines page size. Required by the "Endless scrolling"

data: realEstateFormattedData

}),

template: $('#profile-list-item-template').text(),

endlessScroll: true,

scrollTreshold: 30 //treshold in pixels

});

}

This works, but when I try to scroll the list view it just clicks the list element and navigates away. The list view won't scroll.

If I have the <ul> element in the view before hand:

<div id="real-estate-1" data-role="view" data-layout="main" data-before-show="beforeShowRealEstate" data-show="realEstateListShow" data-hide="hideRealEstateList" class="real-estate-view">

<ul class="real-estate-list-properties"></ul>

</div>

this works fine and scrolling is perfect.

I am trying to focus on not having listviews after navigating away to improve memory management and user experience on low memory devices.

ListView (Mobile)

answered on 14 Mar 2013

3 answers

225 views

Kendo mobile with backbone, button click not working on iphone/ipad

I am using Kendo Mobile with Backbone. While the events described within Backbone views works perfectly in Desktop browsers, they do not work in iPhone/iPad.

var Home = Backbone.View.extend({
events : {
'click #new_idea' : 'addNewIdea'
},
.....
});
However, if I attach these events directly to the Kendo component, they seem to work fine in both desktop and mobile browsers. Like this:

$('#login_button').kendoMobileButton({
click : this.doLogin
});
Now, the first idea is anyway preferable to me as an application point of view. Can you please tell me what exactly happening here? Do I anyway need to use "tap" event here?

General Discussions

answered on 14 Mar 2013

4 answers

348 views

[Solved] Removing remove button in filename

Hi Guys,

I would like to remove the remove button in filename in kendo ui upload. Any advise, Thank you

Regards,

Upload

answered on 14 Mar 2013

2 answers

249 views

[Solved] Changing the Colors with the Kendo UI Theme Builder

I haven't been able to adjust the following rule with the help of the Kendo UI Theme Builder.

.k-state-selected.k-state-focused,

.k-state-selected.k-state-highlight {

background-color: #5f7e00;

border-color: #5f7e00;

}

I did not find a way to change the color with the Theme Builder's user interface. Did I miss the element in the list?

Michael G. Schneider

General Discussions

answered on 14 Mar 2013

0 answers

169 views

$(cell).index() INTERMITTENTLY returns incorrect column index

EDIT: This was happening because the cell sometimes contained a DIV, and the DIV, not the TD, was the event target, which messed up the code that gets the cell-index.

IIt may be my error, or it could be a problem with the grid or jQuery. My code is shown below. I'm clicking on the same column, choosing a different row at random, and every so often, the wrong column-index is returned. I cannot figure out why it works most of the time, but not always. I'm clicking on a column whose index is 7. Sometimes zero is returned.

function addCellClickEventListener() {

var grid = $('#grid').data('kendoGrid');

$(grid.tbody).on('click', "> tr:not(.k-grouping-row, .k-detail-row, .k-group-footer) ", function (e) {

popup(e);

});

}

function popup(e) {

var cell = e.target;

var ix = $(cell).index();

assert((ix != 0), "index must be greater than zero");

}

function assert(val, msg) {

if (!val) {

alert(msg);

return false

}

return true;

}

Window

asked on 13 Mar 2013

5 answers

348 views

How to add custom header with sort graphics?

I'm trying to add a custom header template for the Kendo Grid, but when I do this the sort arrow graphic no longer shows up. I've search for quite a while looking for an example or forum discussion on how to fix this and I haven't found anything.

Can someone please tell me how to do this?

Here is an example of my current column definition:

columns.Bound(p => p.TotalCharges)

.HeaderTemplate(@<text>Total<br />Charges</text>);

Grid

answered on 13 Mar 2013

2 answers

125 views

[Solved] Grid "pageable", "sortable" and "resizable" properties don't inside a TabStrip

Hi,

I'm creating a dynamic tabstrip that generates a grid with data in each tab depending on the JSON data.
The JSON data return tables with the "TableName" and "TableData". For each table in the JSON data, a new tab is created with a grid that shows the table data.
The problem I have is that the grid properties "pageable", "sortable" and "resizable" don't work, probably I missing something or I'm creating the grid in a wrong way.
I created a jsFiddle example with my code: Dynamic TabStrip with Grids

I hope someone could help me with this problem, thanks!

Dorian

Grid

answered on 13 Mar 2013