Questions on Kendo UI for jQuery Forum

2 answers

721 views

[Solved] Programatically checking childnodes

Hello,

I want to first retrieve the node that is checked and then programatically check its child nodes.
Any help is appreciable!

Thanks,

Niranjan

TreeView

answered on 02 Jan 2018

1 answer

199 views

font icons in toolbar overflow

When using font icons in a toolbar via the attributes configuration option, the overflow gets all messed up. The attribute (in this case, the class attribute) gets applied to all elements in the overflow container and all hell brakes loose:

<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/toolbar/index">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.mobile.min.css" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>

</head>
<body>
<div id="example">
<div class="demo-section k-content wide">
<div id="toolbar"></div>
</div>
<script>
$(document).ready(function() {
$("#toolbar").kendoToolBar({
items: [

{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
},
{
type: "button",
text: "But1",
attributes: { "class": "fa fa-2x fa-map-marker" },
}
]
});

$("#dropdown").kendoDropDownList({
optionLabel: "Paragraph",
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Heading 1", value: 1 },
{ text: "Heading 2", value: 2 },
{ text: "Heading 3", value: 3 },
{ text: "Title", value: 4 },
{ text: "Subtitle", value: 5 }
]
});
});
</script>

</div>

</body>
</html>

Toolbar

answered on 02 Jan 2018

3 answers

229 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

133 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

154 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

304 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

118 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

663 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

321 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

answered on 26 Dec 2017