Questions on Kendo UI for jQuery Forum

0 answers

65 views

Hi,

   I have rquirement to show series label text in two lines.
   Is it possiable to give html template format for series label text..?

   Please find the attached sample graph.

thanks,
Rajesh

Charts

asked on 06 Jul 2012

2 answers

209 views

Dragging Tabs to different TabControl

Hi everyone,

i want to ask the kendo team if there are any plans to implement

a) reordering tabs by dragging a tabHeader
b) being able to move a tab to a different tabControl by dragging a tabHeader.

Much the same functionality as fro instance in your WPF Dockmanager.
Alternatively, will there be (or is there already) any support for drag/drop with the tabHeaders?

Thanks a lot for a great framework which saves me so much time and the logic of which is even a thing of beauty!

Greetings
Kai

TabStrip

answered on 06 Jul 2012

4 answers

1.8K+ views

Format a tooltip template

Hello,

I'm using a template for my tooltip, and I'd like to format the ${value} part of the template. Can you let me know how the syntax would look to format as say currency? Thanks

tooltip: {

visible: true,

template: "${category}<br />Claim Cost: ${value}"

}

Charts

answered on 05 Jul 2012

1 answer

143 views

Grid and extended detail templates

$(document).ready(function(){

var localDataSource = new kendo.data.DataSource({

data: [ {

name: "Dmitry",

year: 1987,

id: 1

}, {

name: "Dash",

year: 1994,

id: 2

}, {

name: "Sam",

year: 1954,

id: 3

}

]

});

var detailsSource = new kendo.data.DataSource({

data:[

{

name: "Dmitry",

year: 1987,

id: 1,

address:'Luga',

phnom:'+380995668745'

},

{

name: "Dash",

year: 1994,

id: 2,

address:'Brest',

phnom:'+380955569874'

},

{

name: "Sam",

year: 1954,

id: 3,

address:'Praha',

phnom:'+380679964382'

}

]

});

$("#grid").kendoGrid({

dataSource: localDataSource,

selectable: "multiple, row",

sortable: true,

detailTemplate: kendo.template($("#template").html()),

detailInit: details,

columns: [

{

field: "name",

title: "Name"

},

{

field: "year",

title: "Home address",

}]

});

function details(e){

// @todo get details by id e.data.id

detailsSource.read();

}

})

Template:

<script type="text/x-kendo-template" id="template">

<div>

<ul>

<li><label>Name:</label>#= name #</li>

<li><label>Year:</label>#= year #</li>

<li><label>Address:</label>#= address #</li>

<li><label>Phone:</label>#= phnom #</li>

</ul>

</div>

</script>

When I try get details I was get an error: Uncaught ReferenceError: address is not defined.
How to solve this problem?

Grid

answered on 05 Jul 2012

1 answer

111 views

Resizing issue under Facebook mobile app

Hi,
I have a trouble with the kendo mobile resizing under the facebook app on ios(not sure about other environments).
The trouble is the kendo mobile view's height doesn't resize well under the Facebook app where it has the top navigation strip of it's own, it actually overflows the screen height so my tabstrip down the bottom is half-shown until I drag it up the screen with my finger.

Here goes the steps to reproduce the issue.

1. Go to Facebook app on iPhone.
2. in the search, type in "bookingbay" to search for the app I am developing. Make sure you are clicking on the Bookingbay App, not Bookingbay Page.
3. On Next screen, click on install.
4. The bookingbay appears within your Facebook app and you will see the bottom tabstrip is clipped until your drag it up.

The workaround is to keep dragging it up to access the bottom tabstrip, or clicking on the Facebook app's action button and select "Open in Safari", however, this redirects the user outside the Facebook app whereas I would like my app used embeded within the Facebook app for the Facebook app users at least.

I can see why it behaves that way,, perhaps that's because the kendo mobile view detects that we are in the App mode and resizes the view as the full screen resolution without knowing that the Facebook app chews up some space on the top for its own navigation strip.

Would this be classified as a bug or a limitation of the app? Or is there already a fix(configuration?) on this?

By the way, the Bookingbay app searched on the Facebook mobile search can also be located on http://www.bookingbay.net on your mobile devices. It's basically a free online booking web app developed in Kendo mobile. and I am trying to use the facebook mobile search as one of my distribution channels and I also want to give the user best experience (not that they have to jump out of the app to use my app..)

Thanks for your help!!

General Discussions

answered on 05 Jul 2012

4 answers

414 views

Unique id in dynamically added control's event handler

Hi.

For some reason I'm really struggling to pass a unique identifier to a function declared in the Change event of dynamically added sliders. After (document).ready I am pulling in a JSON object and parsing it to create panalbars (as well as other controls) based on data in the object. That all works fine, but when I dynamically create the slider and set the function I want to trigger on the Change event, any variable I set is shared between all the sliders (eventhough the values were unique at the time I initiated each slider in code) and I can't figure out how to reference the sender from the event function to reference a unique id.

In other words, what I am trying to do is dynamically create sliders with ids A, B, C.... that have their change events pointing to the same function that can not only pick up the unique value change per panelbar (e.value) but also capture the slider's unique id.

Can someone provide guidance please? I've been working on this problem much longer than I care to admit.

Thanks,
Mike

EDIT: sorry, I posted this to the wrong forum. I don't know how to move or delete posts.

Slider

answered on 05 Jul 2012

3 answers

63 views

Kendo UI Summer 2012 Release Keynote

I signed up and registered for this event, but to date have not received an email with a link how to get to the webinar.

Could someone supply me the link?

General Discussions

answered on 05 Jul 2012

8 answers

1.1K+ views

Grid with rowTemplate with input type not working properly

I'm using a rowTemplate on a kendo grid in version 2012.1.322 that contains an input element of type text (happens with number type as well) but when I interact with the control for a particular row it is not displaying and binding properly.

JsFiddle: http://jsfiddle.net/7nB4v/4/

Steps:
-> launch grid
-> click on a rows age column and modify the input value
-> click off to the control (do not click the column)
-> notice the input is updated but the total is not updated and if you look at the dataSource.data for the record updated it will not show the change
-> now click on the column to the right of the input box
-> the control is converted to a kendo control
-> enter a value
-> click off of the control
-> the total is updated and the control does not appear as an input control anymore

I've also tried this in 2012.1.515 with the same results.

Anyone know if this is the expected behavior? I'm assuming a template is used for custom row for display as well as edit mode. Workarounds/hacks/solutions welcome :)

Thanks,
Chris

Grid

answered on 05 Jul 2012

0 answers

116 views

Opening a file from a folder

Hello,

I have an application which stores various files. I have created a TreeView similar to that in the Demo. The problem that I'm having is that I can't figure out how to link the files that I have on the server with the files that I have created in the TreeView. Ultimately I would like to open the containing files stored in the folders from this TreeView.

Your help would be gratefully appreciated.

TreeView