Questions on Kendo UI for jQuery Forum

3 answers

227 views

Use ScrollView in AngularJs wrapper version?

Hi Kendo folks,

I'm trying to use the mobile ScrollView in my webapp. It's using Kendo UI AngularJs - I'm wondering if this combination works or not? I'm experiencing a lot pain right now.

1. Mainly, the images won't show - if I inspect the element on the scrollviewer, I will find that's because the "virtual page" has no width or height. When I manually set width and height to it, I see my image.

<div style="height: 62px; transform-origin: left top 0px;">

<div class="k-virtual-page km-virtual-page" style="width: 0px; height: 62px; transform: translate3d(0px, 0px, 0px);"></div>

<div class="k-virtual-page km-virtual-page" style="width: 0px; height: 62px; transform: translate3d(0px, 0px, 0px);">

<div class="cl-asset-image__image" style="background-image: url('imageUrl');" title="Capture.JPG"></div>

</div>

<div class="k-virtual-page km-virtual-page" style="width: 0px; height: 62px; transform: translate3d(0px, 0px, 0px);">

<div class="cl-asset-image__image" style="background-image: url('imageUrl');" title="giphy.gif"></div>

</div>

2. When I call the next() function, nothing happens. I'm sure I have 2 pages, and I'm using datasource

Thanks for help. Happy holidays.

Anna

ScrollView (Mobile)

answered on 02 Jan 2018

3 answers

129 views

Timeline differently...

Hi,

I'm looking for a way to display events like in timeline, but to move the date from above the time to the side (no need for resource grouping so it can be occupied).

I was looking into creating a new view, but couldn't find a way controlling the date header position.

There is any way to do it?

Regards

Scheduler

answered on 02 Jan 2018

4 answers

148 views

[Solved] Kendo Grid in a Window Object(not Kendo window)

Ok, It seems that I can not run Kendo in a Window object.

I am looking to run a popup window not dependent on the page.

So it is always present and usable. I have one working as a Kendo Window, but it is attached to the page that spawned it.

Any one got an idea beside spawning another browser window?

Thanks

General Discussions

answered on 01 Jan 2018

10 answers

1.6K+ views

Modifying resources dataSource dynamically

Hi,

I'm trying to change the resources dataSource dynamically, but the changes I am making are not being applied to the Scheduler.

I've created a scheduler like so:

$("#scheduler").kendoScheduler

({

date: new Date(),

startTime: new Date("2013/11/27 07:00 AM"),

endTime: new Date("2013/11/27 06:00 PM"),

height: "600",

selectable: true,

views: [

"day",

{ type: "workWeek", selected: true },

"week",

"month",

"agenda"

],

editable: {

template: kendo.template($("#schedulerTemplate").html())

},

dataSource: _dataSourceDetailedAppointmentScheduler,

edit: _api.onEditScheduler,

cancel: _api.onCancelScheduler,

save: _api.onSaveScheduler,

resources: [

{

field: "CommertialRepresentativeId", // The field of the scheduler event which contains the resource identifier

title: "Representante Comercial", // The label displayed in the scheduler edit form for this resource

dataSource: [

{

text: "Representante 1", // Text of the resource instance

value: 1, // Identifier of the resource instance, use that value to assign an event to this instance.

color: "#ff0000" // Used as the background of events assigned to this resource.

},

],

multiple: false // Indicate the this is a multiple instance resource

}

]

});

And after another control is modified, I try to replace the resources dataSource, changing the color of events with a value of 1 in the field: "CommertialRepresentativeId" to green.

_dataSourceDetailedAppointmentScheduler.read();

var schedulerControl = $("#scheduler").data("kendoScheduler");

//Construir

var resourceDS = new kendo.data.DataSource(

{

data: [

{ text: "rep 1",

value: 1,

color: "#00ff00"

}

]

}

);

resourceDS.read();

schedulerControl.resources[0].dataSource = resourceDS;

schedulerControl.view(schedulerControl.view().name);

Can't seem to figure out why the scheduler will continue to display the events in the original color.

I'd appreciate some help!

Scheduler

answered on 29 Dec 2017

6 answers

298 views

Treat all cells as pure text

Is there a way to remove all automatic formatting on cells, specifically the date/time auto formatting?

If this isn't a reasonable request, is there a way to retrieve the "text value" of the cell? I can see that the values are stored as numbers with a format attached, how does one pull out the text of the cell that's being displayed?

Spreadsheet

answered on 29 Dec 2017

1 answer

117 views

Kendo widgets rendering with invisible background

Hello,

I'm working on a project in asp.net 4.0 using Kendo UI for jQuery along with bootstrap 3 for responsiveness. The issue that I'm having is that my widgets are rendering with an invisible background. For example if I use the kendo date picker widget it will render but the background will be invisible. I've attached a screenshot of what is happening. Any help would be greatly appreciated on this matter.

Thanks

General Discussions

answered on 28 Dec 2017

7 answers

656 views

Northwind.svc Source Code

In this demo (http://demos.telerik.com/kendo-ui/grid/remote-data-binding) it uses Northwind.svc for remote binding.

Is it possible to see the source code of this Northwind.svc?

Grid

answered on 26 Dec 2017

2 answers

315 views

Multiline description in Kendo Scheduler

The Kendo Scheduler does not seem to support multiline descriptions. The following json response is rendered incorrectly in the Kendo Scheduler. It does not correctly parse the json encoded newline/carriage-return characters - but instead it only displays them.

```

[{"id":"AAMkAGFlYmQ3ZDdmLWRlNmItNGY1YS04ZmI0LTI5MDgzNjYwYjQ5YQBGAAAAAAC9KrO2CxzZQImm0eyEhcXmBwC5xK3E1TNIRYKP5MAXBVCbAAAAAAENAAC5xK3E1TNIRYKP5MAXBVCbAAI/taVmAAA=","title":"Mein zweiter Test","description":"😌\\r\\n\\r\\nasdfasdf","start":"2017-12-12T14:00:00","startTimezone": "Europe/Berlin","end":"2017-12-12T19:30:00","isAllDay":false}]

```

Scheduler