Questions on Kendo UI for jQuery Forum

2 answers

228 views

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

193 views

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

96 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

629 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

306 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()

},

function (data) {

gradeLevelData = data.GetfltEWSGradeLevelResult.RootResults;

gradeLevelData = [{

text: "Grade Level(Counts by Risk Factor)",

items: gradeLevelData,

expanded: false

}];

options.success([]);

ktvGradeLevelFilter.dataSource.data(gradeLevelData);

}).fail(function (jqXHR) {

options.error(jqXHR);

});

}

},

schema: {

model: {

children: "items"

}

},

checkboxes: {

checkChildren: true

}

}).data("kendoTreeView");

TreeView

asked on 11 Sep 2013

3 answers

220 views

Pasting new line into an ordered Lists starts the list over.

Having an issue where I have an existing ordered list. If I try to paste a valid in the middle of it, the new value is inserted and creates a new ordered list from this point.
Need the editor to insert this new row and maintain the existing ordered list.

Editor

answered on 11 Sep 2013

3 answers

190 views

select & chart opacity

I'm using the "select" configuration of the chart (like showed in http://demos.kendoui.com/dataviz/api/selection.html)
However , I need to change the opacity of the non selected areas.
Currently , the non selected areas are hardly shown due to very low opacity levels.
What is the way to change this setting ?
In addition , how can I control the zoom slider style itself ?
Thx
Sagi Karni

Charts

answered on 11 Sep 2013

1 answer

68 views

Remote Views - Not working offline?

Hi,
My webapp is not being hosted online, it is simply a series of html/css/js files on my machine.

I am using a splitview with 2 panes, a simplified structure of the left pane can be seen below:

<div data-role="pane" id="left-pane" data-layout="side-default" data-transition="slide">

<div data-role="layout" data-id="side-default" data-show="toggleBackButton">

</div>

<div data-role="view" id="side-view">

<ul data-role="listview" data-style="inset">

<li><a href="#testview">Commercial Services</a></li>

<li><a href="testview.html">Litigation Services</a></li>

<li><a href="views/paneviews/private_client_services/index.html">Private Client Services</a></li>

</ul>

</div>

<div data-role="view" id="testview">

<p>Test view</p>

</div>

There are 3 buttons in the UL. The first looks for a view in the current HTML document - this works fine.
The second and third look for remote files, and these do not work. The locations are correct and I have viewed page source and opened the links to check this.

When I click them nothing happens and the webapp becomes unresponsive until I refresh the page.

The contents of testview.html is as follows:

<div data-role="view" id="side-view">

<p>This is a remote view</p>

</div

It is necessary for my webapp to be hosted for this to work? Can remote files not work offline?

Thanks in advance,
Andrew.

General Discussions

answered on 11 Sep 2013

2 answers

112 views

Listview + MVVM Issue...

I am having an issue with a ListView when it is grouped or when building it using MVVM.

I can build the mobile list view not using MVVM and it grouped, and it works fine (http://jsbin.com/atiQeJo/1/edit)
But, if I build the ListView using the same data, same template, same datasource, I get a bizarre output (http://jsbin.com/EteBaPI/2/edit). The anchor tag links in the listview aren't sized properly like they are on the non-MVVM sample, it is only on the work like a regular anchor tag would work. if I remove the group in the MVVM sample, it goes back to looking/working fine (http://jsbin.com/uZowAgU/1/edit)

Ok, well while digging around the output, it appears as though if I add class="km-listview-link" to the item template in the MVVM view, it will work/look just like the non-MVVM sample (http://jsbin.com/EteBaPI/3/edit)

Guess I'll just go with that.

ListView (Mobile)

answered on 11 Sep 2013

1 answer

138 views

Open SubMenu on Click

Hi all,
I have a quick question.
It seems that when I Initialize a Menu with Open and Close on click properties to true, submenus are not affected..
Is there any way to force submenus to open on click?
Thanks
Fabio

Menu

answered on 11 Sep 2013