Hi,
I have a bar chart with 1000+ datapoints and the rendering is really slow in IE and Edge and it even make the browser to not respond, in other browsers (Chrome, FF), it is still slow but manageable.
I searched for solutions for this and I came across this post: http://www.telerik.com/forums/chart-rendering-performance-dropped-(2015-q3-vs-2014-q3) about not including the categoryAxis labels in the rendering. I tried setting visible to 'false' and it seems to fix the slowness but I have to display the categoryAxis. The poster suggested to use 'step' but my categoryAxis are strings.
Any ideas or suggestions?
Ollie
Neovation
Hi,
Here is our requirement, we have to display 3 grid on 3 different button click. The data of the 3 grid will come from the same table (ex: tblCustomer). The grid also contains some dropdown field. The only different column will be displayed in each grid depending on button click.
We also need to provide batch add/edit/delete, and we 'll allow add/edit/delete only if the user has the permission.
Could you please tell me what is the best way to implement this. We are using MVC4 project.
Should we use shared data source or we should use 3 different data source for each grid? Is the batch edit supported by MVC4 grid? Please help.
Any js fiddle link or guideline will be appreciated.
Regards,
Ujjwal
Hello,
I'm using the Kendo Charts with a category axis to provide additional labels to our charts. I'm attempting to push the labels to the top of the graph using the padding attribute on the labels and that's working fine when the chart starts at 0.
However, once the chart goes into negative values this offset is no longer working. It appears that the padding is being applied at the position of the 0 line rather than the base of the chart.
Is there a way to calculate or determine where that 0 axis line is located to adjust the offset appropriately?
http://dojo.telerik.com/Alele/2
Thanks
I have a grid with 2 locked columns. When editing a cell, the parent TR element gets a class of 'k-grid-edit-row'. When done editing, or when the row is blurred, the k-grid-edit-row class goes away, except on the locked columns.
Here is a working example. http://dojo.telerik.com/iCoDo/2
How can this be fixed? seems like a bug to me.
Thanks!
I am new with KendoUI and was attempting to use kendoButton.
I installed:
$ npm install -S @progress/kendo-angular-buttons
gridexample@0.0.0 H:\ECLIPSE_WORKSPACE\GridExample\frontend\src\main\frontend
`-- @progress/kendo-angular-buttons@0.20.4
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modu
les\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"
os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
When attempting to use kendoButton in html I receive the following error:
Multiple annotations found at this line:
- Undefined attribute name
(kendoButton).
- Undefined attribute name
Is there any support for using SelectListItems as a datasource for ComboBoxes?
I would like to use it to do grouping, but I am unsure how to group where my datasource is a list of SelectListItems:
The following causes an error When I try to group on the Group's Name. Any other way of doing it?
<
div
class
=
"demo-section k-content"
>
<
h4
>Customers</
h4
>
@(Html.Kendo().ComboBox()
.Name("customers")
.DataTextField("Text")
.DataValueField("Value")
.MinLength(3)
.HtmlAttributes(new { style = "width:100%;" })
.Height(400)
.DataSource(source => source
.Custom()
.Group(g => g.Add("Group.Name", typeof(string)))
.Transport(transport => transport
.Read(read =>
{
read.Action("Customers_Read", "ComboBox")
.Data("onAdditionalData");
}))
.ServerFiltering(true))
)
</
div
>
<
script
>
function onAdditionalData() {
return {
text: $("#customers").val()
};
}
</
script
>
I'm trying to install Kendo via npm - http://docs.telerik.com/kendo-ui/intro/installation/npm, using the command npm login --registry=https://registry.npm.telerik.com/ --scope=@progress, and as you say here - http://www.telerik.com/forums/kendo-ui-beta-npm-login-fails - "The NPM client performs username validation and does not allow special characters in the username. You have to enter whatever nickname you wish (Shaun for example) for username. The login then will ask you from password and email which are expected to be your telerik.com credentials."
I have a commercial license here - ashleigh@neovation.com - and I need to know if we need individual logins for all the computers we need to install Kendo UI on or not.
According to the API documentation, the lack of a mask should result in a normal input of type `text` (http://www.telerik.com/kendo-angular-ui/components/inputs/api/MaskedTextBoxComponent/). I've tried empty string, not setting mask, having a mask of both null and undefined but nothing seems to work.
A simple plunker fork of your demo shows it breaking:
http://plnkr.co/edit/EpmbKmUWNk2Y2zqgj4R6?p=preview
The error I receive is:
EXCEPTION: Error in ./MaskedTextBoxComponent class MaskedTextBoxComponent - inline template:1:8 caused by: Cannot read property 'test' of undefined
Also, is there another means to get a standard text input?
I am replacing a webforms grid with the Kendo UI Grid and have come across an odd situation. We have a column that contains 2 pieces of information (Created By and Created Date). I initially set up the column with a template that includes both pieces
<
td
>
<
div
>{{::dataItem.created | date: 'short'}}</
div
>
<
div
>{{::dataItem.createdby.fullname}}</
div
>
</
td
>
and then set up the column in the columns array as
{
field:
'created'
,
title:
'Created Date<br/>User'
,
width:
'110px'
,
}
This works fine and sorts on the created date. However, the current webforms grid targets the sort based on where in the header the user clicks. If they click on 'Created Date', it sorts by created. If they click on 'User', it sorts by createdby.
I have seen a few posts on rewriting the column header, but I am not sure what to put in the <a> tag to distinguish between the created and createdby sorts. When I try to change it with something like
var
newHeader =
'<div ng-click="vm.sortCreated(created);">Created Date</div>' +
'<div ng-click="vm.sortCreated(createdby);">User</div>'
;
var
colHeader = $(
'#myGrid th[data-field=created]'
);
colHeader.html(newHeader);
I end up showing all of the html tags and the click events don't work.
Is this possible to do, or do I need to just create 2 separate columns? Thanks!