Questions on Kendo UI for jQuery Forum

5 answers

264 views

[Solved] Series colors reflect default theme instead of custom theme

I'm developing an AngularJS app with Kendo UI Professional. Using the theme builder and the default theme as a base, I've set the color desired color values and downloaded my custom theme. In my index.html I've included the kendo.common-bootstrap.min.css file, followed by my kendo.custom.css which has the desired color selections on everything except chart series colors. All chart series colors default to the default theme colors. What am I doing wrong? I've tried other themes as well (Metro, Fiori, etc...) with the same outcome.

Charts

answered on 07 Jun 2016

8 answers

442 views

[Solved] Using the Kendo UI Theme Builder

When using the Theme Builder and extracting the CSS, there are some references to images. For example...

.k-tool-icon.k-state-active.k-state-hover {

background-image: url('http://da7xgjtj801h2.cloudfront.net/2012.3.1315/styles/Metro/sprite.png');

}

How should those images be changed so they fit the new color scheme? Can they be generated with specific foreground / background colors?

Michael G. Schneider

General Discussions

answered on 07 Jun 2016

0 answers

286 views

Breaking Change: Recurrence exception delimiter change

From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception.

This change was required as the previous behavior does not conform to the RFC5545 spec:

http://tools.ietf.org/html/rfc5545#page-120

From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception. This change driven by the RFC5545 spec (previous behavior was incorrect):

http://tools.ietf.org/html/rfc5545#page-120

The following changes are required to all events that have "recurrenceException" set:

Remove the trailing semicolon delimiter
Replace all occurrences of semicolon with comma

//Old recurrence exception:

recurrenceException:"20160603T050000Z;20160503T050000Z;"

//New recurrence exception:

recurrenceException:"20160603T050000Z,20160503T050000Z"

Apologies for the caused inconvenience.

Scheduler

asked on 07 Jun 2016

1 answer

514 views

Aggregate totals for nested data

I've got "nested" json data that I'm attaching as local data to the datasource of a grid. Each row has some normal "flat" values (like "rowID"), and also "keyedInfo" array, which in turn is also an array (keys like "key1" and "key2") where one attribute of each element ("theVal") is of interest for displaying as a grid column. I've got a simple example in the dojo:

I'm never to sure how much support the DataSource has for nested data, but by specifying "keyedInfo: {}" in the dataSource fields definition, this mostly works! I can specify "keyedInfo['key1'].theVal" as an entry in the grid's "columns" definition, and it displays the appropriate value from the data. I can also, as expected, do aggregate totals of the flat attributes (like "count" on rowID). However, there doesn't seem to be any way to aggregate the columns that are from the nested values.

I have {field: "keyedInfo['key1'].theVal, aggregate: "sum"} entries in the dataSource aggregate definition, and it doesn't raise any errors, so it is either being ignored or actually calculating the aggregate. But a footerTemplate of "#=sum# for these sorts of columns raises a Javascript error that "sum" isn't defined (uncomment one of them in the dojo example to see this). Is there any chance that the aggregate has been calculated and I just need a more complex reference in the template?

If not, is there any hope that support might get extended to this case? I suspect that the lack of definition support in the "schema" may be preventing the aggregate from having a way to refer/store the desired aggregate, but it would be very nifty if a way could be found - flattening the data source will be a pain.

Grid

answered on 07 Jun 2016

6 answers

425 views

Pass resources to custom popup template

Just editing your Scheduler example and if I create a custom template for the popup form to create a new event I have no access to the resources like you have in the stock popupform. How do I create that dropdown with the list of users from the resources in my custom template? Thanks.

Scheduler

answered on 07 Jun 2016

1 answer

316 views

Filter and/or Redraw a Diagram

I have a diagram that I finally got working, but with 8000 nodes in the org chart, I've been trying to filter based on "levels" to no avail.

Is it possible to filter the datasource for a diagram and have the diagram redraw? The data is, for the most part local data (populated via ajax as that is the only way I could get this thing to show properly). I reload the local data then try to .fetch(), and .read(), but nothing works.

I've also tried to destroy the diagram and recreate it, but that seems to kill the DOM.

So, I though I could just filter the datasource based on the "level". Is this possible?

Tim

Diagram

answered on 07 Jun 2016

3 answers

309 views

[Solved] Treemap Click Event Error - Dynamic binding data

Hi,

My view loads treemap data dynamically, if you click on treemap tile it nevagate to URL which working perfectly fine. but There are custom filter option on page which will rebind treemap with new data.

Problem from here, So i apply filters (rebind treemap data) and click on tile of treemap it works and open popup 2 times, say suppose if i applied filter 5 times (rebind dynamic data 5 times with treemap) and i click on tile, it execute click event 5 times.

Page with treemap & custom filter option, when i change filter option and click on apply filter will again build tree with new data.

createTreeMap();
$(document).bind("kendo:skinChange", createTreeMap);

function createTreeMap() {

$("#treeMap").kendoTreeMap({
dataSource: {
transport: {
read: {
url: buildUrl,

dataType: "json"
}
},
schema: {
model: {
parameterid: "ParameterMID",
hasChildren: "HasChild",
children: "ParameterChilds"
}
}
},
textField: "ParameterName",
valueField: "ParameterWeight",.....and more

}

I hope you understand what i mean.

TreeMap

answered on 07 Jun 2016

1 answer

156 views

[Solved] Vertically Align Drawer to Top in Nova Theme

How do I vertically align list items in drawer to top in Nova Theme?

I would like it to appear like this

----------

Item

item

space

---------

Not like this

----------

space

item

space

----------

Thanks

Drawer (Mobile)

answered on 07 Jun 2016

3 answers

205 views

Samples

I am very new to this. I have never used MVC. Nor have I every used JQuery. I apologize for my simple question.

As I look through your demos, I see many different and SIMPLE versions of your controls. There is documentation using JavaScript,. There are ASPX samples. There are Razor examples. There are controls that use the HTML helper method. There are examples using the JQuery to convert a DIV into an AutoComplete. It is very frustrating trying to find a consistent, thorough example using any one of those methods. Then it is very difficult to find Kendo stuff too. This is why I am having trouble trying to find my answer.

I want to use VS 2012, MVC 4, JQuery, and Razor with your AutoComplete control to retrieve a dataset based on user input. The table of information I am hitting has 10,000 rows. Each row is very wide (70 fields or so). I want to use this AutoComplete to drive the detail record to be shown in the detail view.

CSHTNL Code:

@(Html.Kendo().AutoComplete()

.Name("policyComboBox") //The name of the combobox is mandatory. It specifies the "id" attribute of the widget.

.DataTextField("POL_Policy_Number") //Specifies which property of the Product to be used by the combobox as a text.

.Filter(FilterType.Contains)

.MinLength(3)

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetPolicyList", "PolicyReview") //Set the Action and Controller name

.Data("onAdditionalData");

})

.ServerFiltering(true); //If true the DataSource will not filter the data on the client.

})

)

<script>

function onAdditionalData() {

return {

text: $("#policyComboBox").val()

};

}

function requestData(selector) {

var combobox = $(selector).data("kendoComboBox"),

filters = combobox.dataSource.filter(),

value = combobox.input.val();

if (!filters) {

value = "";

}

return { text: value };

}

</script>

and my PloicyReviewController.cs:

public JsonResult GetPolicyList()

{

IQueryable<POLICY> POLCY = (from p in ctxt.Policies

select p);

return Json(POLCY, JsonRequestBehavior.AllowGet);

}

Every time I open the view, I get the controller starting immediately. It then returns too many rows to deal with and the view stops working or I get the Yellow Page of Death or the dev server eats up my entire RAM.

Please help. I have been struggling with this and am getting quite discouraged about using your Kendo UI Suite.

Thank you, Larry

AutoComplete