Questions on Kendo UI for jQuery Forum

1 answer

110 views

[Solved] Paragraph Style Picker Transparent

On IE8 (at least for me) the paragraph style picker appears with a transparent background, so the editor content mixes with the style options. Is this intended? Is there a fix for IE8? Sorry if this is a repeat, but I couldn't find a similar issue.

Editor

answered on 12 Mar 2014

1 answer

677 views

Autocomplete k-animation-container width and postioning

Hello

I have a issue adding custom styled auto-complete to row in a grid for filtering. The auto-complete k-animation-container has wrong width is positioned far off from autocomplete anchor (span.k-autocomplete ).

My customization simply changes width of the autocomplete and add a min-width to list items. Any ideas why the k-animation-container has wrong width is position is off ?

AutoComplete

answered on 12 Mar 2014

1 answer

182 views

Not working with Layout page in MVC

Hello,

My chart is working perfectly well if I don't include a Layout page (ASP.NET MVC). However, once I add our main layout page to the mix, the chart no longer renders. In Firebug it's saying "ReferenceError: jQuery is not defined". I have included jQuery and the Kendo libraries in both the layout page, as well as the View... to no avail. Has anyone seen this before?

Thanks!

General Discussions

answered on 12 Mar 2014

1 answer

116 views

Mobile-friendly x-Axis Labels

I’ve created the DataViz control and I’ve gotten it pretty much the way I want it. However, I am unable (don't know how) to use jQuery/JS to change the Labels on
the X-Axis. I am currently displaying hours 1-24. I’m using Bootstrap to make your chart(s) more mobile-friendly (if you have a sample of that, other than the one online, it’d be greatly appreciated!). So when I use Bootstrap [or don’t] and look at it on a mobile emulator, it’s cramming all 24 labels into a tiny little 300pixel spot, and obviously they all overlap. This is a line chart and I'm using ASP.NET MVC4. Is there any means to do this, preferably in jQuery or JS?

Thanks!

Charts

answered on 12 Mar 2014

1 answer

797 views

[Solved] Resizing Edit/Delete buttons in Grid

Hi,

I'm not sure how to resize the Edit and Delete buttons in the Kendo Grid after getting rid of the text so it only shows the icon.

I was able to do so for the "Create" button. (see image)

It worked for the create button when I simply set the Text field to nothing, and re-adjusted the padding like this

$('.k-button').css('padding-right', '2px');

But it didn't work for the other two buttons.

Grid

answered on 12 Mar 2014

4 answers

1.3K+ views

[Solved] Prevent selecting files with same filename

Hello,

I have an async fileupload in use. What I need is, that a file with the same name can only be selected once.

e.g.:
User selects: a.pdf, b.pdf, c.pdf
> All 3 files are shown in the file list

User selects: c.pdf, d.pdf
> Only d.pdf should be added to the file list, because c.pdf has already been added.

User uploads files
> a.pdf, b.pdf, c.pdf, d.pdf get uploaded...

I don't care if its exactly the same file - just a comparison to the filename is enough. What I tried is to manipulate the select-event:

OnSelect: function (e)

{

var selectedFiles = $(".k-upload-files li #fileName");

e.files = $.grep(e.files, function (value)

{

for (var i = 0; i < selectedFiles.length; i++)

{

if (selectedFiles[i].innerHTML == value.name)

return false;

}

return true;

});

}

Well, that doesn't work so far. The list of files gets minimized correctly but the files are still added to the FileList. Hope someone can help me.

Thank you!

Upload

answered on 12 Mar 2014

1 answer

708 views

Aggregated values

Hi guys,

I have few queries:

1. Is it possible, that the "Aggregated Value" of "sum" is updated as soon as I change any value of the column while bulk update. Currently it is updating on saving record.
2. How can I get this "Aggregated Value", as I have to use this in my formula (used in the change event of DataSource. I have mentioned "console.log" function in my code and I need to identify total of Foo, total of Foo with bar "A", "B" and "C" individually.

My code is as below:

var grid = $("#grid").kendoGrid({

dataSource: {

data: [

{foo: 10, bar: "A", total: 0},

{foo: 20, bar: "B", total: 0},

{foo: 5, bar: "B", total: 0},

{foo: 35, bar: "A", total: 0}

],

schema: {

model: {

fields: {

foo: { type: "number" },

bar: { type: "string" },

total: { type: "number" }

}

},

aggregate: [

{field: "foo", aggregate: "sum"},

{field: "foo", aggregate: "average"}

],

change: function(e) {

var item = e.items[0];

if (this.group().length && e.action !== "itemchange") {

item = getFirstItem(item);

}

console.log("Total Foo: ");

console.log("Total Foo of bar A: ");

console.log("Total Foo of bar B: ");

console.log("Total Foo of bar C: ");

}

},

//groupable: true,

editable: true,

toolbar: ["create", "save", "cancel"],

columns: [

{

field: "foo",

footerTemplate: "Sum1: #= sum # || Average: #= average #"

},

{

field: "bar"

},

{

field: "total"

}

]

}).data("kendoGrid");

Thanks for the help in advance.

Grid

answered on 12 Mar 2014

1 answer

109 views

Navigatable Problem

I have a Kendo Grid with 10 columns out of which 3 are editable. Now when I enable the navigatable = true, The cursor goes to all the columns when I press "tab" key. I want a functionality, where when I press tab key (or enter or space key), my cursor moves to the next editable column only and should not go through the non-editable column. When I reach the last editable column of the row and press the tab key, it should go to the first editable column of the next record.

I need this feature for data entry operator, so that they don't have to use mouse while entering data.

P.S. My editable columns are in between the non editable columns.

Thanks for the help in advance.

Regards,
Komail Noori

Grid

answered on 12 Mar 2014

3 answers

954 views

Where is Custom Script Builder

The pricing sheet here at http://www.telerik.com/purchase/kendo-ui-complete indicates that access to a Custom Script Builder is included in the license, but I can't find it. Am I being dumb? No luck with search, and no other reference to this tool anywhere else that I've found.

General Discussions

answered on 11 Mar 2014

2 answers

97 views

ActionLink as a Title

Hi,

I was wondering if it's possible to embed an ActionLink in the title of any given chart.

@(Html.Kendo().Chart()

.Name("KendoChart")

.Title(title => title.Text("Data Chart"))

.Series(s =>

{

s.Line(new int[] { 91, 95, 99, 93, 98, 98, 97, 100 }).Color("blue").Width(4.0);

})

.CategoryAxis(catAxis => catAxis.Categories(new string[] { "July", "August", "September", "October", "November", "December", "January", "February"}))

)

So instead of "Data Chart" as the title, I want to put in something like:

Html.ActionLink("Chart Title", "SomeActionName", "ActionController", new {target="_blank"})

General Discussions

answered on 11 Mar 2014