Questions on Kendo UI for jQuery Forum

2 answers

248 views

Show Kendo Recurrence Editor as read-only mode?

Hello,

I'm working on an app that needs to display Kendo Recurrence Editor as read-only mode. Is the component have read-only option?

Example on the attached image.

Thanks,

Scheduler

answered on 02 Mar 2021

3 answers

551 views

Kendo grid buttons – cannot override min-width

I have tried all kinds of selector permutations, but cannot seem to find the CSS selector “specificity” to override the default button min-width of 64px in kendo.common.min.css. I find that my only option is to modify Kendo’s CSS file itself – which I would prefer not to do.

The class spec: .k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}

Desired behavior: min-width:0px

I am replacing Kendo’s text/icons with custom icons that are 16x16 (any larger and the rows get too tall). I am using the MVC wrappers (which may be irrelevant to the question).

Please advise,

Grid

answered on 02 Mar 2021

3 answers

1.2K+ views

Resize height of Spreadsheet widget to fit

When the spreadsheet loads, the width loads perfectly well and it automatically adjusts to browser resizing. Awesome sauce.

Is there a way to coax the height of the widget to do the same? Something like a height:100% so it happily resizes.

The default height of the spreadsheet leaves lots of space.

Spreadsheet

answered on 02 Mar 2021

2 answers

156 views

Multi Day events not receiving data in day view

The multi day events in the month view render correctly and receive all the properties (color, link, title, etc) in the month view but do not get them in the day view. I'm getting the title of the item in the All Day table but am not getting the event color, or url. Single day items display correctly in both month and day view.

@(Html.Kendo()

.Scheduler<EventDetailViewModel>()

.Name("schedule")

.Editable(false)

.Selectable(true)

.Date(scheduleDate)

.ShowWorkHours(false)

.StartTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 7, 00, 00))

.EndTime(new DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 22, 00, 00))

.Views(views =>

{

views.MonthView();

views.DayView();

})

.EventTemplateId("eventTemplate")

.DataSource(d => d.Model(m =>

{

m.Field(f => f.EventID);

m.Field(f => f.EventStartTime);

m.Field(f => f.EventTitle);

m.Field(f => f.EventCategory);

m.Field(f => f.EventColor);

m.Field(f => f.EventUrl);

}))

.BindTo(events)

.Deferred(true)

)

<script id="eventTemplate" type="text/x-kendo-template">

<a href="#= EventUrl #" class="calendar__link" title="#= EventTitle #" data-category="#= EventCategory #" data-color="#= EventColor #">

<span class="calendar__title">#= EventTitle #</span>

<span class="calendar__time">#= EventStartTime #</span>

</a>

</script>

Scheduler

answered on 01 Mar 2021

7 answers

312 views

Mousewheel zooms Out on both ways in Firefox and never zooms In

Zooming In and Out works well in Chrome, but I just realised it never zooms In in Firefox. By scrolling the mouse wheel both ways it always zooms Out.

Any Idea what could affect that issue? Thanks in advance!

Here is my diagram, I also tried to remove all properties, but that didn't change the described on top behaviour, nothing specific:

var kendoDiagram = diagram.kendoDiagram({

dataSource: shapesDataSource,

connectionsDataSource: connectionsDataSource,

shapeDefaults: {

editable: {

tools: false

},

visual: visualTemplate,

content: {

template: '#= typeof dataItem.customData === "undefined" || typeof dataItem.customData.status === "undefined" || dataItem.customData.status === "" ? dataItem.text : dataItem.customData.status #'

}

},

connectionDefaults: {

editable: {

tools: false

},

startCap: "FilledCircle",

endCap: 'ArrowEnd',

type: "polyline"

},

dragEnd: function(e) {

var el = e.connections[0];

if (typeof el !== 'undefined') {

var source = el.sourceConnector,

target = el.targetConnector;

if( typeof source == 'undefined' || typeof target == 'undefined') {

//console.log('connection is not connected both sides!');

el.options.stroke.color = '#ff0000';

el.options.hover.stroke.color = '#ff0000';

} else {

el.options.stroke.color = '#2e2e2e';

el.options.hover.stroke.color = '#2e2e2e';

}

},

change: function (e) {

var element = e.added[0];

if (element && element instanceof kendo.dataviz.diagram.Shape) {

var dataItem = element.dataItem;

var point = new kendo.dataviz.diagram.Point(dataItem.x, dataItem.y);

element.position(point);

}

},

pannable: {

key: "shift"

},

editable: {

resize: false,

tools: false

},

zoomMax: 3.5,

zoomMin: 0.2,

click: function(e) {

e.preventDefault();

console.log('click...');

}

}).getKendoDiagram();

Diagram

answered on 01 Mar 2021

3 answers

1.7K+ views

[Solved] clearButton ?

Hello

How to add a clearButton to the kendoTextBox control ? Same as in Autocomplete ...

Thanks.

TextBox

answered on 01 Mar 2021

1 answer

209 views

Edit popup not disappeared in jQuery Grid

Hello everybody,

I have a problem on the editing popup in the Grid widget. Based on the guide, I modified the example code in order to to only accept READ and CREATE operations:

<script>

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: '@Url.Action("GetAssignations", "Tasks")'+'/'+'@Model.IdProject',

dataType: "json",

type: 'GET'

},

create: {

url: '@Url.Action("CreateAssignation", "Tasks")',

dataType: "json",

type: 'POST',

contentType: "application/json"

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

var output = "";

$.each(options.models, function (index, value) {

console.log(value);

output = value;

});

return kendo.stringify(output);

}

},

batch: true,

pageSize: 20,

schema: {

model: {

id: "idAssignation",

fields: {

idProject: { type: "number", defaultValue: function () { return @Model.IdProject} },

assignee: { type: "string" },

addedOn: { type: "date", editable: false }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

pageable: true,

//height: 550,

toolbar: ["create"],

columns: [

{ field: "assignee", title: "Assignee" },

{ field: "addedOn", title: "Added on" },

],

editable: "popup"

});

</script>

Both READ and CREATE work because the data are correctly read/written into database; however, after the POST the editing popup does not disappear.

Could you give me some help?

Thanks in advance.

Filippo

Grid

answered on 01 Mar 2021

1 answer

2.7K+ views

Date range picker change event firing 3 times

Dear Support team,

i'm using the daterange picker of the Kendo UI. and I want to call a function when the from date and to date both selected (up on closing may be)

I tried using the close event but on the close event i do not get the end date (End date is null on the closing event)

your help is much appreciated

Thanks

Ramesh R

DateRangePicker

answered on 26 Feb 2021

2 answers

789 views

[Solved] 'new' k-listview-content container problem

Hello.

We have just updated kendo to it's lastest version and one of our components is completely broken due to this container.

Is there any posibility to prevent the generation of this container ?

I've searched about this and found this post about the ContentElement but if we add this the source data-bind is not working at all.

GitHub issue: https://github.com/telerik/kendo-ui-core/issues/5772

Not working example:

<div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems, contentElement: ' '"></div>

Example of our current code:

Main container:

<div class="">