Questions on Kendo UI for jQuery Forum

4 answers

701 views

Aligning pie chart to top of the control

Hi there,

I'm in the process of evaluating KendoUI controls as a replacement for what we're using currently and am just now looking at the pie chart control (have a need in a current project). The problem I'm running into is I need to have 3 charts side by side and each has a different number of items in the legend, all of varying lengths. The chart diagram itself seems to center align and the legend seems to align to the bottom of the control. What I want to happen is the diagrams to all line up and the tops of the legends to line up. I've attached a screenshot to illustrate (top is what it does, bottom is what I want it to do). Is there some way to change the alignment of the different elements of the control?

My code is:

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="statuschart"></div>

</div>

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="companychart"></div>

</div>

<div style="width: 250px; float: left; vertical-align: top; margin: 0 0 auto 0;">

<div id="divisionchart"></div>

</div>

<script>

$('#statuschart').kendoChart({

name: "StatusChart",

chartArea: { background: "transparent" },

title: { text: "Facility Status" },

series: [{

type: "pie",

data: [

{ category: "Active", value: 25 },

{ category: "Abandoned", value: 35 },

{ category: "Done", value: 40 }

],

size: 150

}],

legend: { position: "bottom" }

});

$('#companychart').kendoChart({

name: "CompanyChart",

chartArea: { background: "transparent" },

title: { text: "Top Companies" },

series: [{

type: "pie",

data: [

{ category: "Active111111111111", value: 25 },

{ category: "Abandoned11111111111", value: 35 },

{ category: "Done11111111", value: 40 }

],

size: 150

}],

legend: { position: "bottom" }

});

$('#divisionchart').kendoChart({

name: "DivisionChart",

chartArea: { background: "transparent" },

title: { text: "By Division" },

series: [{

type: "pie",

data: [

{ category: "Active111111111111", value: 25 },

{ category: "Abandoned11111111111", value: 35 },

{ category: "Done111111111111", value: 15 },

{ category: "Another1111111111", value: 15 },

{ category: "One1111111111", value: 10 }

],

size: 150

}],

legend: { position: "bottom" }

});

</script>

The styling on the divs is just several things I've tried that I thought I'd leave in there.

Any help would be greatly appreciated,
Jason

Charts

answered on 24 Jun 2013

1 answer

115 views

Selection: one cell in each row

I need specific selection for kendogrid - one cell in each row and disable selection for first column.
I also need client to be able to select the cell in row without holding CTRL.

Same functionality can be achived by creating grid for each row and setting selectable:"cell" but I want it in one grid (so columns match)

Thank you

Grid

answered on 24 Jun 2013

5 answers

109 views

Is it possible to search support requests from other users?

I feel like I will have to burn support requests to get answers that may have already been asked by other users, and answered by support. Can I search other users' support requests? I don't see a way to do that now.

General Discussions

answered on 24 Jun 2013

2 answers

135 views

Why do I have to sign in every time I return to the site?

I must be missing a "Remember me" checkbox somewhere. Right now every time I come back, I have to sign in again.

No, I'm not clearing cookies, or anything. Don't have this problem with other sites.

General Discussions

answered on 24 Jun 2013

5 answers

88 views

Cancel cut off on action sheet in Chrome (iOS)

If a user uses a Chrome browser on an iPhone the cancel button on an action sheet is half cut off. There is enough of the button visible to click on the cancel button but the whole button does not appear. I tested this using the mobile demos, an iPhone 5, and the latest version of Chrome. I'm assuming this will be investigated for future builds but in the mean time is there a method in the action sheet product to force a height so we can ensure the cancel button is seen?

ActionSheet

answered on 24 Jun 2013

1 answer

71 views

Documentation links for kendo wrecked up

06/24/2013 10:12 EDT - when trying to get ANY of the kendo documentation, I get the following response:

500 - "Oh N0es!"You've caught this Kenshi with his mask off... how embarrassing.Not to worry, though. You can resume your journey to enlightenment via a search or the nav links above.

PLEASE FIX ASAP! This is TOTALLY CARELESS by whomever is managing such things. (All other websites, including kendoui, work fine... just not the documentation!!)

CW

General Discussions

answered on 24 Jun 2013

2 answers

217 views

[Solved] MVVM for master-detail layout

So far we're really enjoying kendoui+mvvm and are planning to use it on a large application. As part of our prototyping, I'm trying to set up a fairly basic page with a drop-down and a grid that is dependent on the drop-down selection.

I've put an example on jsfiddle here:

http://jsfiddle.net/njCxe/

Could someone please help me understand:

Why does the grid start out empty, even though Source A is selected by default?
Why, when I click Edit, does nothing happen when I click Update?

Thanks for your help!

MVVM

answered on 24 Jun 2013

2 answers

107 views

Combox Box data soure, how to update different model

Newie, so be kind...

I have 2 models, People and Projects.

People have ID and Name
Project has 4 differenct People references
PM, LD, Client, SME

People db has 500K records so, viewdata is not an option for combo bind.

Editor template is strongly typed to Project

I have the records selected in the combox from People, but canNOT update the Projects model...

On smaller object, 'Status' selection and bind work great using viewdata.

How do I do this without using the viewdata bind to?

Code snipet:

Can't get it to work:

@(Html.Kendo().ComboBox()
.Name("ProjectManagerID") -- in Project model
.DataTextField("EmpName") -- in person model
.DataValueField("EmpID") - in person model
.Filter("contains")
.MinLength(4)
.HtmlAttributes(new { style = "width: 250px" })
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetEmployee", "Employee")
.Data("DonAdditionalData");
})
.ServerFiltering(true);
})
)

Works Great:

@(Html.Kendo().DropDownList()
.Name("StatusID")
.DataTextField("StatudsDesc")
.DataValueField("StatusID")
.BindTo((System.Collections.IEnumerable)ViewData["sType"]))

ComboBox

answered on 24 Jun 2013

1 answer

137 views

Binding the child controls

Hi,

"Disabled" binding is a good for disabling single control, but we are in searching decision for disabling all child controls, for example like this - http://jsbin.com/ahagiz/11/edit (we put binding in the top "div" element and we want to disable all child elements in this "div"). Guys, can you make advice in implementing this binding?

Best regards,

Artem

MVVM

answered on 24 Jun 2013

5 answers

2.2K+ views

dropdownlist with images both on the list items and the selected item

Hi,
I used the customized template to add images on the left side of my list items. that works fine but not fulfilled all I needed. when I select an item from the list , it just shows the text of that item on the input field, however I need both the text and the image.
I have attached two images of both my target and what I have now.
I appreciate any help on that :-)

DropDownList

answered on 24 Jun 2013