or
3 answers
494 views
In my barchart Y axis decimal values are repeated when i displayed values as one decimal place(please check the attachment)
From my jsonData i got the values as 0.2 after fixed decimal places. the problem appears when template is used like below
when i remove the template it will working fine? please let me know what's wrong with my custom template? my requirement is the y axis should come as 0.0,0.1,0.2
Full Code
From my jsonData i got the values as 0.2 after fixed decimal places. the problem appears when template is used like below
axislable = [{<br> title: { text: this._properties['chart.y-axis.label'] },<br> labels: {<br> template: "#= kendo.toString(value, '0,.0;(0,.0)') #" + cuntomPrimaryFormat<br> },when i remove the template it will working fine? please let me know what's wrong with my custom template? my requirement is the y axis should come as 0.0,0.1,0.2
Full Code
$("#KPIGraphCommon").kendoChart({<br> legend: {<br> position: "top"<br> },<br> series: this._properties['chart.x-axis'],<br> valueAxes: axislable,<br> categoryAxis: catagoryAxisValue,<br> theme: "Metro",<br> tooltip: {<br> visible: true,<br> format: "{0}%",<br> template: this._properties['chart.y-axis.label'].indexOf("Amount") > -1 || this._properties['chart.y-axis.label'].indexOf("Days") > -1 ? "#= series.name #: #= kendo.toString(MinusFormat(value)) #" : "#= series.name #: #= kendo.toString(value, '0,.0;(0,.0)') #"<br> },<br> chartArea: {<br> height: context.getChartHeight(),<br> width: context.getChartWidth()<br> },<br> });<br> }
T. Tsonev
Telerik team
answered
on
11 Aug 2014
12 answers
770 views
Looking for a themed icon toggle button as is used in toolbars, such as the "Bold" button in this very forum text editor.
I can find none documented although KendoUI employs them in the toolbar for its own text editor.
Basically these buttons support an image and have on, off, and hover states.
I can find none documented although KendoUI employs them in the toolbar for its own text editor.
Basically these buttons support an image and have on, off, and hover states.
Dimo
Telerik team
answered
on
11 Aug 2014
2 answers
746 views
I want to send the data from my datasource manually, using a jQuery-ajax call.
But Kendo throws an error when jQuery tries to serialize the data:
I recreated the problem in this JsFiddle
Is there a better way of serializing the data from a Kendo data source?
But Kendo throws an error when jQuery tries to serialize the data:
I recreated the problem in this JsFiddle
Is there a better way of serializing the data from a Kendo data source?
Navin
Top achievements
Rank 1
Rank 1
answered
on
10 Aug 2014
4 answers
173 views
Hi!
First off, I'd like to say that it's fantastic that you implemented this. Out of the box it works quite well, congrats!
That said, there are 2 things that I'd like to accomplish.
-Simpler boolean filter with a tristate checkbox. I already have this partly done, here's what I've got so far:
http://jsbin.com/gifaf/2/edit
I need help figuring out how to a) not show the "remove filter button" b) let the filter know that the "null" value in the input means "remove filter".
This would be really helpful because that way you can make the column really narrow and retain filtering capabilities.
-Filter box autosize. Ideally the input should have the width of the column (as much as possible, with a min-width probably). The default size is too large for narrow columns and it could be much larger when the column is wide. Can you think of any straightforward way of doing this?
Thanks!
First off, I'd like to say that it's fantastic that you implemented this. Out of the box it works quite well, congrats!
That said, there are 2 things that I'd like to accomplish.
-Simpler boolean filter with a tristate checkbox. I already have this partly done, here's what I've got so far:
http://jsbin.com/gifaf/2/edit
I need help figuring out how to a) not show the "remove filter button" b) let the filter know that the "null" value in the input means "remove filter".
This would be really helpful because that way you can make the column really narrow and retain filtering capabilities.
-Filter box autosize. Ideally the input should have the width of the column (as much as possible, with a min-width probably). The default size is too large for narrow columns and it could be much larger when the column is wide. Can you think of any straightforward way of doing this?
Thanks!
2 answers
78 views
Hi,
I have grid with custom footer template. Below is the configuration of columns with MVVM
GetFooterText and GetFooterValue functions return a <div> with necessary markup. I am adding a new row to the grid when even I press tab out form a text box which is above the grid. When i do that <div> from the footer are removed. Not sure how. How can I retain them? They will not come back even after leaving editing. This is in line editing.
I have grid with custom footer template. Below is the configuration of columns with MVVM
data-columns="[
{'field':'ComponentName', 'title':'Component Name','footerTemplate': '#= GetFooterText() #'}, {'field':'Percentage', 'title':'Percentage','footerTemplate':'#= GetFooterValue() #'} ]"GetFooterText and GetFooterValue functions return a <div> with necessary markup. I am adding a new row to the grid when even I press tab out form a text box which is above the grid. When i do that <div> from the footer are removed. Not sure how. How can I retain them? They will not come back even after leaving editing. This is in line editing.
2 answers
123 views
I'm using treeview from Backbone using Marionette.
I initialize the treeview when I call the view render method.
View.myPanel = Marionette.ItemView.extend(
{
render: function () {
this.treeview = this.$el.find("#treeview").kendoTreeView({
dataSource: this.hierarchicalDataSource,
dataTextField: ["item"],
dragAndDrop: true,
loadOnDemand: false,
drop: this.onDrop
}).data("kendoTreeView"),
this.treeview.expand(".k-item");
},
onDrop: function (e) {
...
code to create model goes here ......
...
this.saveItem(localModel, false);
}
}
The problem I have is that when I try and call this.saveItem, I have no reference to this. which normally would be the view itself. Instead "this" refers to the treeview object itself. I tried to extend the trreview with BackBone.Events but that causes me to lose the drag and drop functionality, I also tried passing the view object as a parameter to the drop handler but that replaces the event parameter in the onDrop function.
Any help would be appreciated, thanks!
I initialize the treeview when I call the view render method.
View.myPanel = Marionette.ItemView.extend(
{
render: function () {
this.treeview = this.$el.find("#treeview").kendoTreeView({
dataSource: this.hierarchicalDataSource,
dataTextField: ["item"],
dragAndDrop: true,
loadOnDemand: false,
drop: this.onDrop
}).data("kendoTreeView"),
this.treeview.expand(".k-item");
},
onDrop: function (e) {
...
code to create model goes here ......
...
this.saveItem(localModel, false);
}
}
The problem I have is that when I try and call this.saveItem, I have no reference to this. which normally would be the view itself. Instead "this" refers to the treeview object itself. I tried to extend the trreview with BackBone.Events but that causes me to lose the drag and drop functionality, I also tried passing the view object as a parameter to the drop handler but that replaces the event parameter in the onDrop function.
Any help would be appreciated, thanks!
Manuel Hernandez
Top achievements
Rank 1
Rank 1
answered
on
08 Aug 2014
4 answers
265 views
Example: http://dojo.telerik.com/aSeC/2
I'm not sure if this is a bug or something I'm doing wrong. I'm trying to create windows as part of a detail template in a grid. The problem is that no matter how I configure things, I always get the error "Uncaught TypeError: Cannot read property 'style' of undefined ". The first window gets loaded and behaves correctly, but since it throws the error, it prevents the second window from ever getting loaded.
Please see the example at http://dojo.telerik.com/aSeC/2
I'm not sure if this is a bug or something I'm doing wrong. I'm trying to create windows as part of a detail template in a grid. The problem is that no matter how I configure things, I always get the error "Uncaught TypeError: Cannot read property 'style' of undefined ". The first window gets loaded and behaves correctly, but since it throws the error, it prevents the second window from ever getting loaded.
Please see the example at http://dojo.telerik.com/aSeC/2
11 answers
1.9K+ views
What's the best way to get a 100% window height splitter?
Having tried unsuccessfully with pure CSS I managed to get it working with what feels like a bit of a hack:
i.e. setting the splitter div to the window height using javascript. I also had to subtract 2 pixels for what I assume is CSS border or padding on the Kendo UI styles.
Any input welcome.
Having tried unsuccessfully with pure CSS I managed to get it working with what feels like a bit of a hack:
$("#splitter").height($(window).height() - 2);i.e. setting the splitter div to the window height using javascript. I also had to subtract 2 pixels for what I assume is CSS border or padding on the Kendo UI styles.
Any input welcome.
Dimo
Telerik team
answered
on
08 Aug 2014
5 answers
745 views
I love the Kendo UI Validator, but I hate how it uses an input invalid attribute, "validationmessage", it should be data-validationmessage. Everything else in Kendo UI is done perfectly to match the HTML5 specs, why in this one instance is it different? Every time I run a HTML5 code validator I get this message:
Attribute validationmessage not allowed on element input at this point.
Is there anyway around this other than stop using Kendo Validator? Does Telerik have plans to fix this bug in future releases?
Attribute validationmessage not allowed on element input at this point.
Is there anyway around this other than stop using Kendo Validator? Does Telerik have plans to fix this bug in future releases?
Daniel
Telerik team
answered
on
08 Aug 2014
3 answers
239 views
I am having an issue with the Scheduler where the date headings (Sun thru Sat) and the timeline are not lining up with the schedule detail (see attached screenshots). I am including the appropriate script files and style-sheets in the project and all of the other controls seem to be working fine. FYI, this is in IE 11 but the issue seems to also reside in Chrome (v 36) and Firefox (v 26). Any help or assistance would greatly be appreciated.
