Questions on Kendo UI for jQuery Forum

1 answer

2.1K+ views

Show values at the end of bars in bar chart

Is it possible to statically show the value next to the end of the bar in a bar chart instead of showing it in a tool tip? For example, if I have a bart chart with horizontal bars and the value of the bar is 10, I'd like to have 10 show next to the end of the bar. Being able to show '10 hours' would be even better. I need this because I'm using the chart on a page meant to be printed.

Charts

answered on 16 Jul 2013

3 answers

108 views

Kendo UI Mobile Incompatible with Cordova 2.7

After trying to find a work-around myself and opening a support ticket with Kendo UI (#709522), it seems that Kendo UI is not compatible with Cordova 2.7. This is potentially due to the location.hashchange-related bug in Cordova.Initializing the Kendo UI Application after deviceready does not seem to fix it either. If anyone comes up with a work-around that works on Android and iOS, I'd love to know about it. Until then, Kendo UI Mobile users seem stuck on Cordova 2.4.

P.S. The new thread page keeps telling me "Invalid post content."

General Discussions

answered on 16 Jul 2013

1 answer

140 views

window sticks to mouse pointer after dragging outside of dashboard

Hi!

We have some kind of dashboard with several windows in iframe

When user drags window outside of edges of the mother iframe
and cancels drag (releases left button)
window sticks and follows mouse pointer
http://jsfiddle.net/XYXyj/8/

It is very annoying since our users are bad in precise aiming.
Are there any workarounds? Could you please fix this?

Window

answered on 16 Jul 2013

1 answer

101 views

Applying an HTML helper method in a template (MVC)

I have a simple grid and need to apply some formatting from the server onto the rendering:

This code below doesn't do any formatting strange, it just displays the value:

columns.Bound(e => e.MarketValue).Title("Mkt. Value ($)")

.Template(@<text>@Formatters.FormatCurrency(item.MarketValue)</text>)

Is there another way to apply this server function to the MarketValue ?

Grid

answered on 16 Jul 2013

1 answer

272 views

Change column title

Is there a way to change a column's title after the grid has been created?

Grid

answered on 16 Jul 2013

1 answer

113 views

Change ForeignKey column values

Is there a way to change a column's ForeignKey values after the grid has been created?

Grid

answered on 16 Jul 2013

1 answer

108 views

Model property cannot be re-use inside a html template for loop.

Hi,<br>

<br>

I run into a problem with the sample code below and I am not sure what causes it.  The problem is that the "temperatureLabel" gets display only once inside the for loop in the "myTemplate" template. <

br>

<br>

var viewModel = kendo.observable({temperatureLabel: "Temperature", mydata:[]});<br>

<font style="line-height: 1.65;">$.ajax({</font><br>

url: url,<br>

context: this,<br>

type: "GET",<br>

success: function(data) {<br>

this.viewModel.set("mydata", data);<br>

kendo.bind($("#view"), viewModel, kendo.mobile.ui); <br>

},<br>

error: function(xhr, statusText, errorThrown) {<br>

console.log(errorThrown);<br>

},<br>

timeout: 10000<br>

});<br>

<br>

<div id="view"><br>

<ul id="taf-panelbar" data-bind="source: mydata" data-template="myTemplate"></ul><br>

</div><br>

<br>

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

# for (var i = 0; i < forecast.length; i++) { #<br>

<li><br>

<div><br>

<table style="border: 1px solid lightGray; border-radius:6px;"><br>

<tr><br>

<td class="label"><span data-bind="text:temperatureLabel></span></td><br>

<td>:</td><br>

<td style="text-align:left;"><span>#=forecast[i].temperature#</span></td><br>

</tr> <br>

</table><br>

</div><br>

</li><br>

# }#<br>

</script><br>

<br>

Can someone shed some lights on this?<br>

<br>

Thanks,<br>

Kee

General Discussions

answered on 16 Jul 2013

1 answer

87 views

Show 2 months at a time

I have a requirement that 2 months appear at the same time as per screenshot.

Is this possible, "out of the box"?

DatePicker

answered on 16 Jul 2013

1 answer

541 views

Strange Dots appearing on Grid

I added a grid to one of our pages and enabled Paging. There are strange dots appearing on the grid though, see screen shot.

How do I remove the dots?

Here's my Grid:

@(Html.Kendo().Grid(Model.Items as IEnumerable<Transaction>)

.Name("KendoCrGrid")

.Columns(columns =>

{

columns.Bound(e => e.TradeDate).Title("Trade Date").Format("{0:MM/dd/yyyy}");

columns.Bound(e => e.SettlementDate).Title("Settlement Date").Format("{0:MM/dd/yyyy}");

columns.Bound(e => e.Activity).Title("Activity");

columns.Bound(e => e.Description).Title("Security Name");

columns.Bound(e => e.Symbol).Title("Symbol");

})

.Sortable()

.Pageable()

.DataSource(d => d

.Ajax()

.PageSize(20)

.ServerOperation(false)

))

Grid

answered on 15 Jul 2013

1 answer

104 views

Kendo UI Mobile Views not loading properly

I am developing an app that has sever views inside a folder called views. from within my main index.html file if i link to any view within the view folder it does not load in my styles nor transitions all i get is a blank white screen with a word "back" which is for the button in the navbar of the view that loads. Below are the sample code i used.

Index.html file code below.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="scripts/hello-world.js"></script>

<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="styles/main.css" rel="stylesheet" />
</head>
<body>
<section data-role="layout" data-id="defaultlayout">


</section>
<div data-role="view" id="tabstrip-home" data-title="Hello World!">
<h1>Welcome!</h1>
<a class="button" data-role="button" href="views/about.html">Home</a>
</div>

<div data-role="view" id="tabstrip-uiinteraction" data-title="UI Interaction">
Another view
</div>

<div data-role="view" id="tabstrip-geolocation" data-title="Geolocation">
another view 2
</div>

<div data-role="layout" data-id="mobile-tabstrip">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>

<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-home" data-icon="home">Home</a>
<a href="#tabstrip-uiinteraction" data-icon="share">UI Interaction</a>
<a href="#tabstrip-geolocation" data-icon="globe">Geolocation</a>
</div>
</div>
</div>

<script>
var app = new kendo.mobile.Application(document.body, { transition: "slide", layout: "mobile-tabstrip" });
</script>
</body>
</html>

Here is the code for my about.html

<div data-role="view" id="secondview" data-layout="defaultlayout" data-title="Local View">
<div ><p>Hi, I'm a local view.</p></div>
</div>

General Discussions

answered on 15 Jul 2013