Questions on Kendo UI for jQuery Forum

1 answer

109 views

Hi,
I am trying to replicate chart coloring similar to what can be seen in the following screenshot, where the starting color is blue and the end color is red. No matter how many data points are in between an equal gradient will be formed - this is done dynamically and can be applied to a chart with X number of bars.

Is this possible? I am using seriesColors at the moment but they don't automatically spread the gradient across the chart. If for example there are only 2 bars on a chart, one will show blue and the other red.

Hope this was explained ok, I do not want to hard-code seriessColors for each chart as these graphs are being displayed dynamically from a datasource.

Thanks,
Andrew.

General Discussions

answered on 27 Sep 2013

2 answers

175 views

Virtual scrolling with datasource paging unstable

Hello,

I'm using a kendo grid with scrollable: { virtual: true } with a kendo datasource with serverPaging.
This works fine when the grid is only used to read data, but i'm experiencing strange effects with CRUD operations on the datasource.
Especially when a datasource.cancelChanges() is called when the grid is on another page then the first page.
When I edit any of the model fields and decide to cancel the changes this is what happens:
- the Model.set has been called due to leaving the input (blur event)
- dataSource.cancelChanges will be called.
- dataSource jumps to first page.

Side effects:
- page data is out of sync and doesn't show the first row anymore.

It even gets weirder when I use dataSource.cancelChanges(myModel) when i'm on another page then the first page.
The entire row disappears from the grid which leaves the grid showing 14 rows instead of 15 (pageSize).

All in all the whole paging mechanism appears to be extremely buggy in a real world application (including CRUD operations.. etc)

Grid

answered on 27 Sep 2013

1 answer

101 views

navigator question

Is the navigator in the stock chart demo only available for the stock chart? If so is there any limitation of the stock chart that will prevent it from working with other time series based data (I am interested in the line chart)?

Thanks,

Jason

Charts

answered on 27 Sep 2013

1 answer

124 views

My API URL calls twice inside the model file.

I am using a view to load a project list after a success login. When a user land to the page after success login i am getting data from api inside a kendo datasource logic. When i see the console my api url call twice. I dont understand why its calling twice.

My index.html

<!DOCTYPE HTML>

<html>

<head>

<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="css/main.css" rel="stylesheet" />

</head>

<body>

<div data-role="layout" data-id="home-layout">

<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="#home-view" target="_blank" data-icon="home">Home</a>

<a href="#login-view" data-icon="contacts">login</a>

<a href="#about-us" data-icon="about">About</a>

</div>

<div data-role="layout" data-id="account-layout">

<header data-role="header">

<div data-role="navbar">

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

<span data-role="button" data-bind="click: logout" data-align="right">Log Off</span>

</div>

</header>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#login-view" data-icon="contacts">login</a>

</div>

<div data-role="view" id="login-view" data-layout="account-layout" data-model="app.accountView.viewModel" data-init="app.accountView.navigate" data-before-show="app.accountView.navigate" data-title="Log In" style="display: none;">

<p>

For demonstration purposes Login example

</p>

<ul>

<li>

<strong>Username:</strong> owner

</li>

<li>

<strong>Password:</strong> p@ssword123

</li>

</ul>

<input type="text" placeholder="Username" data-bind="value: loginUsername" required data-required-msg="Enter a valid usernmae"/>

<input type="password" placeholder="Password" data-bind="value: loginPassword" required data-required-msg="Enter a valid password"/>

<input type="url" data-bind="value: serverURL" required data-url-msg="Enter a valid url for server"/>

<div type="button" data-role="button" data-bind="click: login">

Log In

</div>

<div data-role="view" id="home-view" data-layout="home-layout" data-title="Home" data-show="app.homeView.initializeHome">

<ul id="myProjectCustomListView"></ul>

</div>

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

<a href="projectDetail.html" id="${ProjectId}">

<h3 class="item-title">${ProjectName}</h3>

<p class="item-info">Created Date: ${CreateDate}</p>

</a>

</script>

<script data-main="scripts/main.js" src="scripts/require.js"></script>

</body>

</html>

My home-view.js

define(["jQuery", "kendo", "utils", "common"], function($, kendo, utils, common) {

return {

initializeHome :function() {

console.log("home view initialized")

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://127.0.0.1/api/getprojects",

dataType: "json",

cache: false

}

},

});

dataSource.fetch(function() {/** To check how many data are fetched like a total count for reference */

console.log(dataSource.view().length); // displays "77"

});

$("#myProjectCustomListView").kendoMobileListView({

dataSource: dataSource,

template: $("#myProjectCustomListViewTemplate").html(),

});

},

};

});

The above api is fetching the result and show correct, the only thing is it is called twice whenever i load this home-view. I have verified in the console firefox browser. Kindly help this what is the issue with run twice.

General Discussions

answered on 27 Sep 2013

2 answers

81 views

JQuery API - How to add Month view here.

Is there a link to get the API details for jquery?

<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
allDayEventTemplate: $("#event-template").html(),
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
isAllDay: true,
title: "Interview",
atendees: [1, 2]
}
],
resources: [
{
field: "atendees",
dataSource: [
{ value: 1, text: "Alex" },
{ value: 2, text: "Bob" }
],
multiple: true
}
]
});
</script>

Scheduler

answered on 27 Sep 2013

1 answer

79 views

Bubble Chart: The bubbles overflow chartarea

Hi!

This is my example of overflow chartarea. http://jsbin.com/oRuvimI/2/edit?html,css,output

Charts

answered on 27 Sep 2013

12 answers

907 views

[Solved] Setting first day of week

Hi, i am trying to set the first day of week to Monday:

This code:

kendo.culture().calendar.firstDay = 1;

works well for DatePicker, but not for Scheduler (WeekView, MonthView).
Is there any workarounds?

Scheduler

answered on 27 Sep 2013

1 answer

68 views

Need help with autoComplete grid functionality

So I've been working on an autocomplete for a state grid field. Everything (for the most part) works fine, accept for about half the states
will display [object Object].

For example, if you add a new record and select New Hampshire as your state it will return [object Object]

Any help would be greatly appreciated!

http://jsbin.com/ohimef/42/edit

Grid

answered on 27 Sep 2013

2 answers

133 views

[Solved] Vertically very small search bar, how to change?

Hi,

this is perhaps a simple matter, I would like to ensure the search bar is a lot easier to hit with my fingers. This renders really nicely (e.g. larger) on iOS 6 but as soon as I put this onto iOS 7 it's tiny.

I'd like to increase it's vertical height.

here's a picture of what the search bar looks like on iOS7: https://www.evernote.com/shard/s7/sh/e254e198-74f4-473a-8148-50f6bd879988/b5dd6c1a37393840b9df3d45c82620a1/deep/0/Screen%20Shot%202013-09-26%20at%2015.30.38.png

Thanks.

General Discussions

answered on 27 Sep 2013

1 answer

282 views

How to set the fixed position to listview pager regardless of the listview records

Hi,

I have created the ken-do list-view with paging. The pager of the list-view constantly changing its position based on the list-view data. Is there any option to display
pager at the fixed position regardless of the list-view records.

say for an example I have set the page-size of the list view to 8. if the next records contains only 2 records then the pager position is moved to the top. I need to set
the fixed position for the pager regardless of the list-view records it possible to obtain?

Thanks,
vinoth arnold

ListView

answered on 27 Sep 2013