Questions on Kendo UI for jQuery Forum

1 answer

238 views

How to set Height of the Stock Chart's Navigator

Hi,

I have to reduce Height of the Navigator area of Stock chart. Please help me in this regard.
Pleas find the screen shot of my current implementation in which I have highlighted navigator portion whose height has to be reduced.
Below is the view code.

@(Html.Kendo().StockChart<Nalco.enVision.Web.Areas.ServiceModule.Models.SensorChartModel>()

.Name("stockChart")

//.Legend(true)

//.Title(Model.ChartTitle)

.DataSource(ds => ds

.Read(read =>

read.Action("GetChartData", "Charts"))

.ServerOperation(true)

)

.DateField("MeasureDate")

.CategoryAxis(axis => axis.Name("dateAxis")

// .Labels(l => l.Rotation(90))

//.Title(Model.XAxisTitle)

.Title(t => t.Font("10px Arial"))

)

.ValueAxis(axis => axis.Numeric("valueAxis")

.Labels(l => l.Format("{0:n}"))

.Title(Model.YAxisTitle)

.Title(t => t.Font("10px Arial"))

)

.Series(series =>

{

series.Line(s => s.Value).Axis("valueAxis")

.Color("#3493D5")

.Tooltip(tooltip => tooltip.Format("{0:n}"))

.Tooltip(tooltip => tooltip.Template("Date:#= kendo.toString(category,'G') # <br/>Value: #= value #"));

}

)

.Navigator(nav => nav

//.DataSource(ds => ds.Read(read => read.Action("GetChartData", "Charts")))

//.DateField("MeasureDate")

.Series(series =>

{

series.Area(s => s.Value)

.Color("#3493D5");

})

)

.Events(e => e.SelectEnd("onSelectEnd"))

.HtmlAttributes(new { style = "height:" + Model.Height + "px;width:" + Model.Width + "px;" })

)

.

General Discussions

answered on 12 Sep 2013

1 answer

66 views

FX PageTurn Duration

Hi,
I'd like to change the pageTurn effect duration but i havn't find a property or a method to do that.
there's some way to achieve my purpose?

thanks
Fabio.

General Discussions

answered on 12 Sep 2013

2 answers

102 views

Cut and Paste from Word loose characters

I'm using a french version of Word, and when we write a text with an aposthrophe, Word won't use the real aphostrophe. There is two apostrophe in Word, here is the two samples :

This the wrong apostrophe :

L’Aventure

This is the right one :

L'aventure

Since our datebase is ASCII, Kendo editor will remove the first apostrophe, and replace it with a blank.

We will l have to escape / Unescape the text, and replace the wrong aposthrophe with thew right one.

I was wondering if the a better way around built in Kendo Editor.

The wrong aposthophe is a Unicode character, but the surely more other that will be removed.

Thanks

Editor

answered on 12 Sep 2013

5 answers

192 views

List with multi select items

Hi Everyone
I'm working on one of the features where I have a list and should be able to do action on multiple items at once
For example the way iPhone/Android handle editing/deleting/forwarding of messages
And I want this to work on multiple platforms iPhone, Android, Windows Phone and should work the way respective platform handle multiple item edit
Thank you in advance

ActionSheet

answered on 12 Sep 2013

1 answer

189 views

Virtual Scrolling or paging for large datasets

Does/Will the listview support paging or virtual scrolling for displaying large datasets?

ListView (Mobile)

answered on 12 Sep 2013

2 answers

255 views

[Solved] How to access charts (chartArea) width to calculate Labels.Step(X)

Hello,

I've a stacked area chart, that is filled with dynamic data via JSON. The chart shows data according to start and end date, which the user selects from two datepickers.
On the category axis I try to put as much labels (rotated by -90° date values) as possible without mixing labels.
To calculate the appropriate Labels.Step() I need to know two things
1. number of values on category axis (wich I know)
2.) the current width of the chart or the chart area (which I don't know)
to calculate - or better estimate - the max number of labels

I found the width in the svg property of the chart, but don't know how to extract from that text.

Is there another way to determine the charts width or a totally different approach to estimate max number of labels on the category axis?

Thanks in advance
Dirk

Charts

answered on 11 Sep 2013

2 answers

231 views

[Solved] Suppress rescaling of value axis in chart legend click event

Hi,

is there a simple way (not setting min and max values) to suppress rescaling of value axis if one series of stacked areas is hidden via legend click?
More details: the chart calculates the min and max values for stacked areas (bars etc) perfectly. But as soon as you hide a series via click on appropriate legend item ,the max value for the axis gets recalculated, which is not always wanted.

Setting min and max values manually is difficult, because data is loaded dynamically via JSON and calculating appropriate range on Server (aggregate of all data!) and transferring data to client is - from my point of view - not a good way to go since the chart itself calculates min and max very good...

Thanks in advance
Dirk

Charts

answered on 11 Sep 2013

2 answers

105 views

Value Axis Scaling

I am using a stacked column chart to achieve an effect requested by a user. They are wanting to see a breakdown of percentages per group that is bringing them below a particular target. I am "lifting" the smaller percentages represented on the chart "up" by setting the opacity for a particular series to 0 (zero). My problem is that they want the chart scaled from 60-100% but the smaller percentages that I am "lifting up" with the hidden series are not being displayed, because their value is less than 60.

I've attached three files to show the problem I am having:

- ChartNoHide.jpg displays the hidden series that is used to lift up the smaller percentages.
- ChartHide.jpg displays the way they want it displayed except it is scaled from 0-100%
- ChartProb.jpg displays how it is displayed when the .Min is set to 60 (.Min(60))

Any help would be appreciated.

Charts

answered on 11 Sep 2013

4 answers

671 views

Treeview inside Dropdownlist

Hi,
I try to create a data source based treeview, to be opened like a dropdownlist, in the same form with other dropdownlist items and comboboxes, so I would like them to look similar.

TreeView

answered on 11 Sep 2013

0 answers

333 views

Setting a checkbox on a TreeView to a default value

Hi - I have a TreeView defined as one of a series of filters for my page. I want to be able to send in default values so that when the user first brings up the page, they have values for the chart. What I can't seem to figure out is how to set the checkbox for the value I am sending in. I can do it on my TreeViews that are radio buttons. I can also set all the checkboxes to checked, but can't find the right syntax to set just one.

I have tried a variety of syntax. gradeLevelParm is the value I am passing:
$("#gradeLevelFilterTree input[value='" + gradeLevelParm + "']").click();
$("#gradeLevelFilterTree input:checkbox"[value = gradeLevelParm]).click();
$("#gradeLevelFilterTree input:checkbox[value='" + gradeLevelParm + "']").click();

This selects all the checkboxes, when I want one specific set.
$("#gradeLevelFilterTree input:checkbox").click();

Thanks for any help!

Here is the code that I have creating the TreeView.

ktvGradeLevelFilter = $("#gradeLevelFilterTree").kendoTreeView({

dataTextField: ["text", "GradeLevelID"],

dataSource: {

transport: {

read: function (options) {

$.getJSON(Helpers.toServicesUrl("/GetfltEWSGradeLevel"),

{

username: Context.UserName,

districtId: Context.DistrictId,

// schoolType: "H"

schoolType: schoolTypeParm //ktvSchoolFilter.getSelectedSchoolType()

},