Questions on Kendo UI for jQuery Forum

1 answer

304 views

How to change the border colour of selected events

Currently when an event is selected in a scheduler a black border is applied. This is not very apparent and I'd like to change the colour and thickness to a red or lime green to make it stand out more.

Which css class do I need to override?

Thanks

Scheduler

answered on 24 Jul 2018

1 answer

866 views

Send grid data to kendo window with MVC controller

I want to open a kendo window with the data from a grid on the same page. I've done this with single selected items, but not with the list of items in the grid.

What's the proper method to serialize the data?

Here is some code

controller

public PartialViewResult WindowPartialView(IEnumerable<MyGridModel> models)

return PartialView(models);

}

in window

.LoadContentFrom("WindowPartialView", "MyController")

function openPlacardWindow() {

debugger;

var grid = $("#MyGrid").data("kendoGrid");

var gridData = grid.dataSource.data();

var win = $('#myWindow').data("kendoWindow");

win.refresh({ data: gridData }); //not correct

win.center();

win.open();

}

General Discussions

answered on 24 Jul 2018

1 answer

151 views

Bad Request when POST/Updating Sharepoint List Item

Hi,

I am trying to update Kendo Grid row inline, but getting a bad request when doing so.

Reading from the list work just fine, but I am not able to update.

Any ideas?

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: crudServiceBaseUrl + "?$top=2000",

type: "GET",

dataType: "json",

contentType: "application/json;odata=verbose",

headers: {

"accept": "application/json;odata=verbose"

}

},

// ...

update: {

url: function (data) {

return crudServiceBaseUrl + "(" + data.ID + ")";

},

type: "POST",

dataType: "json",

data: JSON.stringify({

"__metadata": { type: "SP.Data.MasterListItem" }

}),

contentType: "application/json;odata=verbose",

headers: {

"accept": "application/json;odata=verbose",

"X-RequestDigest": $("#__REQUESTDIGEST").val(),

"X-HTTP-Method": "MERGE"

},

//...

parameterMap: function (data, type) {

if (type == "update") {

for (var property in data) {

if (property != "__metadata")

delete data[property];

}

return JSON.stringify(data);

}

},

error: function (e, data) {

console.log("Status: " + e.status + "; Error message: " + e.errorThrown );

},

pageSize: 15,

schema: {

data: function (data) {

return data.d && data.d.results;

},

total: function (data) {

return data.d.results.length;

},

model: {

id: "Id",

fields: {

Id: { type: "number", editable: false, nullable: false },

Title: { type: "string", validation: { required: true } },

OWNER: { type: "string", validation: { required: false } }

}

},

//batch: false,

//serverPaging: true,

sort: { field: "OWNER", dir: "desc" }

});

Data Source

answered on 24 Jul 2018

1 answer

419 views

Tab strip scroll Bootstrap 4 theme

Hi,

We have a Tab strip on a screen that can have about 10 to 20 tabs on ant any given time and the tab names can be quite long. This has worked fine until we have started moving over to Bootstrap 4, we have set the theme to "kendo.bootstrap-v4.min.css" and the scroll no longer works on the tab strip the tabs just get really small.

an example of this can be seen here https://jsfiddle.net/a0dq3m2j/ if you change the theme to "kendo.bootstrap.min.css" then it works as expected then you make the left pain smaller but with "-v4" the tabs just get smaller until its impossible to use.

Daivd

TabStrip

answered on 24 Jul 2018

4 answers

318 views

Spreadsheet in Partial view not loading properly

hi there,

So I need to display a spreadsheet in a kendo window, and am loading the windows content via a partial view. However whenever I add the spreadsheet to the partial view I get this error upon page load in kendo.all.js: Unable to get property '_grid' of undefined or null reference

When I add the spreadsheet to a regular view it loads as expected. If it's in the partial view it has all the tabs at the top (Home, Insert and Data) and the header info, just no grid or any of the sheets defined. I attached a picture.

I am using MVC with razor.

Is there any fix for this or is it a known issue?

Thanks,

Rachael

Spreadsheet

answered on 24 Jul 2018

8 answers

822 views

React Grid with dropdown in column

I want in one of the columns in a grid, add a dropdown or combobox component. As I see, in the documentation,

"Templates are only supported in the form of "strings". Templates in the form of React components are not supported".

Do you know if I can bypass this in any other way?

Cheers

Grid

answered on 24 Jul 2018

3 answers

432 views

Grid Column Picker in Grid Toolbar

I have implimented a grid that allows the user to pick which columns they would like to see. They do this via the dropdown that is on each of the column headers in the grid. They then select or deselect the checkboxes for the columns they want to hide or show.

Instead of having this on each column dropdown (under the label columns), I would like to have a single dropdown in the Grid Toolbar that would allow for this functionality.

I have looked through the documentation but can't seem to find any references to this.

Thanks,
Jason

Grid

answered on 23 Jul 2018

5 answers

243 views

Kendo UI Snippets

I am trying to capture the even where a snippet is selected. I cant find any documentation for snippets in angular. Is this not supported? Is there events associated with this widget?

Editor

answered on 23 Jul 2018

2 answers

102 views

Use DropDownTree with Old Release

I really want to use the new DropDownTree component, but, unfortunately, our application is currently stuck at Kendo release 2017.2.261 (I haven't been able to convince the other team member to make the move to the latest release). Is it possible to use the new component while the other components remain at 2017.2.261 ?

General Discussions

answered on 23 Jul 2018

5 answers

746 views

Kendogrid validation alert to show only text

While using kendogrid column validator I can see orange color alert with warning icon.

I want to change this style and just want to show the text in red color below the input columns.

Is it possible ?

I tried to use errorTemplate but they did not work.

$('#grid').data('kendoGrid').addRow();
var tr = $('#grid').find('.k-grid-edit-row');
$(tr).kendoValidator().data('kendoValidator').setOptions({
errorTemplate: '<span>#message</span>'
});

$(tr).kendoValidator({
errorTemplate: '<span>#message</span>'
}).data('kendoValidator');

Grid

answered on 23 Jul 2018