Questions on Kendo UI for jQuery Forum

2 answers

84 views

I followed the example and I'm getting this error when I click in the Insert Image and Insert Link buttons:

Time: 27/03/12 11:23:03
Error: c.insertBefore(e[0]).toggle(b) is null
Source-code: http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js
Line: 8

Editor

answered on 28 Mar 2012

1 answer

221 views

Problem binding JSON data with Kendo Line Chart

Hi there,

I am just getting starting and I cant seem to make the line chart work when I bind it to a json file.

I followed your documentation and here is the code and attached the files:

function createChart() {

var dataSource = new kendo.data.DataSource({
transport: {
   read: "sales.js",
   dataType: "json"
                       }
});

$("#chart").kendoChart({
dataSource: dataSource,
theme: $(document).data("kendoSkin") || "BlueOpal",
   legend: {
   position: "top",
},
chartArea: {
   background: "",
},
series: [{
field: "value",
}],
categoryAxis: {
field: "year",
}
});
}

sales.js file:

[ { "year": "2000", "value": 200 },
{ "year": "2001", "value": 450 },
{ "year": "2002", "value": 300 },
{ "year": "2003", "value": 125 },
]

Regards
Claudia

Charts

answered on 28 Mar 2012

1 answer

84 views

Using the romote view to shown a file on antoher server

HI i am looking at the exemple called view. This example shows how to call a remote file (remote vieew) from a path called ../../content/mobile/view/remoteview.html. I would like to call this or another at a server with a http adress. I have tryed to just copy the remote view file to a another server but i does not load the "Hi I'm a remote view. I would like to call some pages on a server and have them presented in the design (inside the div) so that it looks like it is a part of the app and not showing the browser. Is this not what this is for also?

This is this code i am using.
It just ads #http://iapp.timeplan.dk/remoteview.html to the adress
Thanks
Lars

<!DOCTYPE html>
<html>
<head>
    <title>Overview</title>
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/kendo.mobile.min.js"></script>
    <script src="../../content/shared/js/console.js"></script>
    <link href="../../../styles/kendo.common.min.css" rel="stylesheet" />
    <link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
    <a href="../index.html">Back</a>
    <div data-role="view" data-title="Views">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
        </div>
    </header>
    <ul data-role="listview" data-style="inset">
        <li><a href="#secondview">Local View</a></li>
    </ul>
    <ul data-role="listview" data-style="inset">
        <li><a href="http://iapp.timeplan.dk/remoteview.html">Remote View</a></li>
    </ul>
</div>

<div data-role="view" id="secondview" data-layout="mobile-view" data-title="Local View">
<p>Hello world!</p>
</div>

<div data-role="layout" data-id="mobile-view">
    <header data-role="header">
        <div data-role="navbar">
            <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
            <span data-role="view-title"></span>
            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
        </div>
    </header>
</div>

General Discussions

answered on 28 Mar 2012

0 answers

113 views

Disable certain dates in the calendar

Hi,

Last week I came across Kendo UI and I am beginning to like it.
It's great that there is consistency between the different consoles.
At this moment I am evaluating the different components to see if I can use Kendo UI to replace my current library.

I managed to color certain dates, that was no problem. What I want to know is how you can disable certain dates in the calendar.

Hope someone can help me with this.

Best regards,

Joshua

Calendar

asked on 28 Mar 2012

1 answer

83 views

If grid is floated to left, unsized columns behave differently in different browsers.

Here's what I'm trying to achieve: I want to have a data grid on the left and a column of buttons on the right.
I want the data grid on the left to take as much space as it needs but no more.

My grid has three columns. The first two are fixed size, and the third isn't. Optimistically, I thought that would mean that the third column takes as much space as it needs.

On Chrome, this third column has a width of 0.
On IE9, this third column takes up 100% of the remaining width of the screen.

Neither of these behaviors is what I want. I want it to take up as much space as it needs to hold the content.

Here's my working example: js fiddle example

View this same example in Chrome and IE9 and you'll see the difference.

Can somebody provide me ideas to solve this problem?

(I could put the whole grid and the buttons in one big layout table, but that will be using a table for layout purposes - the CSS police will come knocking :-) )

Grid

answered on 28 Mar 2012

0 answers

47 views

a way to define width of ploting area / legend?

Hi,

is there a way to define the size / width of the charting area or the legend?
I have 2 charts on a website, each with a legend and I can't find a way to define the width of the legend or the width of the plotting area. I only can size the complete chart...
For styling reasons i want the 2 charts have the same width / height of the "plotting area"..

Thanks in advance!

Charts

asked on 28 Mar 2012

9 answers

574 views

Grid pageable?

I've just delved into the new MVVM stuff, which is great as I'm used to working with Knockout and I love the concept. However, I'm setting data-sortable="true" to initialise a grid, but I can't see any way of actually setting whether the grid is pageable or not? I'd expect data-pageable="true" to work, however this is not the case...? Has anyone found any ways around this?

MVVM

answered on 28 Mar 2012

0 answers

107 views

Cancel the Upload Manually

Hi,

I am submitting an Ajax form when the user uploads a file, Is there any way that i can cancel the upload manually while its being loaded, i mean i don't want to show the cancel button to user but there is a link through which the user can cancel the upload. How should i do that?

Upload

asked on 28 Mar 2012

0 answers

85 views

Get Sum of Row

Hi, I came across aggregates. But i can't get it to work. anyway, I have a grid it contains ItemDesc, Qty, RetailPrice. I would like to get the total of RetailPrice and if possible the computation would be RetailPrice * Qty = Total Price.

Grid

asked on 28 Mar 2012

0 answers

92 views

New Tabs to be added in the same line

Hi,

I have the following requirement :

The new tabs that are being added needs to be added in the same line. And when more TABS gets added basically each TAB's width will get reduced and after a certain point a combo box will come to the right. From the combo box the user can basically navigate between the TABs. Also, say after 20 TABs are added, user cannot add more TABs. Instead they receive a custom message that further tabs cannot be added.

This functionality is very similar to yahoo mail. I am attaching the screen shots for your further reference.

Any help is greatly appreciated.

Thanks,
Anirban

TabStrip

asked on 27 Mar 2012