Questions on Kendo UI for jQuery Forum

3 answers

232 views

[Solved] Cell Format

I have a number 67.75, with the format mask "###,###,##0.00%". I would expect 67.75%, however I am getting 6775.00%

I have the mask because I need comma's for thousand separator, and always 2 decimal places with the percentage sign.

Why isn't this working?

Spreadsheet

answered on 13 Mar 2017

5 answers

420 views

Popup in editmode is missplaced, not centered

Hi,
I'm using the grid with server binding and asp.net mvc.
When I click "add new item"-button to open popup editing, the window wont center on the screen.
As you see in image below it placed below the grid.

What have I done wrong?

@(Html.Kendo().Grid(Model.Items)

.Name("PlacesGrid")

.ToolBar(commands => commands.Create())

.DataSource(dataBinding =>

{

dataBinding.Server().Model(mod => mod.Id(x => x.ID))

.Create("Insert", "Place")

.Update("Update", "Place")

.Destroy("Delete", "Place");

})

.Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.PopUp))

.Columns(columns =>

{

columns.Bound(x => x.Name).Title(Resources.Resource.PlaceName);

columns.Bound(x => x.IsPublished).Title(Resources.Resource.IsPublished)

.HeaderHtmlAttributes(new { @class = "center" })

.HtmlAttributes(new { @class = "center" });

columns.Bound(x => x.WebserviceUrl).Title(Resources.Resource.WebserviceUrl);

columns.Bound(x => x.CreateDate).Title(Resources.Resource.CreateDate).Format("{0:g}")

.HeaderHtmlAttributes(new { @class = "right" })

.HtmlAttributes(new { @class = "right" });

columns.Command(commands =>

{

commands.Edit();

commands.Destroy();

}).Width(200).Title("").HtmlAttributes(new { @style = "text-align:right" });

})

)

Just for test I took one of your javascript demogrids and added to the page, and that one is centered when I click its button.
So the problem is just with mvc grid and server binding.

Regards,
Mattias

Grid

answered on 13 Mar 2017

5 answers

510 views

Kendo charts rendering performance

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

Charts

answered on 13 Mar 2017

1 answer

757 views

Grid and batch update in MVC

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

Grid

answered on 13 Mar 2017

2 answers

232 views

CategoryAxis - Label Position Padding based on 0 Axis

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?

Example Dojo

http://dojo.telerik.com/Alele/2

Thanks

Charts

answered on 13 Mar 2017

3 answers

291 views

Editting rows with locked columns

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!

Grid

answered on 13 Mar 2017

1 answer

247 views

kendoButton Undefined

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

Button

answered on 13 Mar 2017

1 answer

123 views

[Solved] Grouping using SelectListItems

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>

ComboBox

answered on 13 Mar 2017

1 answer

473 views

[Solved] Kendo UI Professional NPM Multiple Logins

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.

General Discussions

answered on 13 Mar 2017

1 answer

159 views

[Angular] Template error when no mask is set

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?

MaskedTextBox