Questions on Kendo UI for jQuery Forum

1 answer

82 views

Apply row styles to grid with MVC server binding

Hello there.

After figuring out that client-side events (e.g., dataBound) do not work with server binding, I'm left wondering what is the best way to apply row styles based on row values with server binding.

For example, if an integer value in a row (salesAmount) is below a certain threshold, how would I apply a particular style to that entire row?

(ref: http://www.telerik.com/forums/databound-event-doesn-t-fire-if-server-binding-is-used)

Grid

answered on 17 Feb 2017

1 answer

376 views

Scheduler Navigation Options

Hi,

We are using Kendo UI Scheduler. I am looking for a way to disable the navigation buttons incase user has reached the last or first date of scheduler.

Regards,

Nitin Jain

Scheduler

answered on 17 Feb 2017

3 answers

197 views

Kendo Graph setting the padding dynamically

Hello All,

I have created a Kendo Graph with negative values. In this graph the x-axis is over lapping when the values are bug in number.

http://dojo.telerik.com/ukErA

How can i avoid this type of overlapping. Is there a way to set the padding dynamically based on the value coming in?

Please provide inputs

Thanks,

Aditya

Charts

answered on 17 Feb 2017

6 answers

1.6K+ views

Want to make perticular field bold based upon value of other field

I want to mark the unread messages as bold inside my inbox,(I'm not using SMTP, They are just database records)
I have another field as "read" in the table to make it as read and unread,

How should one can make particular row bold depend on other field.

Image:
Refer Image

My code:

$(document).ready(function () {

var keyvalue = window.document.URL.toString().split('?')[1];

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:51565/GetMail.ashx?" + keyvalue + "&action=select",

dataType: "json"

},

destroy: {

url: "http://localhost:51565/GetMail.ashx?" + keyvalue + "&action=destroy",

dataType: "json",

complete: function (jqXHR, textStatus) {

ds.read();

}

},

update: {

url: "http://localhost:51565/GetMail.ashx?" + keyvalue + "&action=update",

dataType: "json"

},

parameterMap: function (options, operation) {

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

return { models: kendo.stringify(options.models) };

}

},

batch: true,

pageSize: 10,

schema: {

model: {

id: "id",

fields: {

from: { type: "string" },

subject: { type: "string" },

body: { type: "string" },

time: { type: "date" }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

sortable: true,

pageable: true,

editable: true,

toolbar: ["save"],

columns: [

{ field: "from", title: "From", width: 150 },

{ field: "subject", title: "Subject", width: 150 },

{ field: "body", title: "Message", width: 250 },

{ field: "time", title: "Date", width: 80, template: '#= kendo.toString(time,"MM/dd/yyyy") #' },

{ command: "destroy", title: " ", width: 110}]

});

Grid

answered on 17 Feb 2017

1 answer

84 views

Bug - View Selector in Mobile View not working properly

When the screen size is below 1024px, the view selector collapses to a dropdown. But after I open the dropdown, I can't close it without clicking one of the items.

The dropdown should close when I click outside the dropdown, just like in Kendo Dropdownlist.

http://prntscr.com/e8ysrm

Scheduler

answered on 17 Feb 2017

3 answers

111 views

Absorb multi-person events into one group event but visible to all in group event.

I have a kendo scheduler. My edit events popup lets you add users to an event, which creates EventRelations in Salesforce and duplicates of the event for each invitee where they are set to the owner of their new event.
So now I make an event, add 3 people, and I have four events appearing on the scheduler in that time slot with everyone's different color to indicate they all have events then.
What I am interested in doing... is grouping those events into one, giving it a unique color for being a group event, and have it appear on everyone's calendar who is invited, but just as one group event marker instead of multiple event markers for everyone who was invited.
I am having trouble figuring out how to absorb all the group events into one group event marker, then have it display for everyone instead of just the event owner.
Thank you in advance for any guidance here!

0down vote favorite

I have a kendo scheduler. My edit events popup lets you add users to an event, which creates EventRelations in Salesforce and duplicates of the event for each invitee where they are set to the owner of their new event.

So now I make an event, add 3 people, and I have four events appearing on the scheduler in that time slot with everyone's different color to indicate they all have events then.

What I am interested in doing... is grouping those events into one, giving it a unique color for being a group event, and have it appear on everyone's calendar who is invited, but just as one group event marker instead of multiple event markers for everyone who was invited.

I am having trouble figuring out how to absorb all the group events into one group event marker, then have it display for everyone instead of just the event owner.

Thank you in advance for any guidance here!

0down vote favorite

I have a kendo scheduler. My edit events popup lets you add users to an event, which creates EventRelations in Salesforce and duplicates of the event for each invitee where they are set to the owner of their new event.

So now I make an event, add 3 people, and I have four events appearing on the scheduler in that time slot with everyone's different color to indicate they all have events then.

What I am interested in doing... is grouping those events into one, giving it a unique color for being a group event, and have it appear on everyone's calendar who is invited, but just as one group event marker instead of multiple event markers for everyone who was invited.

I am having trouble figuring out how to absorb all the group events into one group event marker, then have it display for everyone instead of just the event owner.

Thank you in advance for any guidance here!

Scheduler

answered on 17 Feb 2017

6 answers

974 views

Kendo Grid with large number of columns

Hi,

We have requirement where we have to display 250 columns and 1000 records in the grid.

Does kendo grid supports this type of scenario? Does performance affect with large number of columns?

Thanks,
Suril

Grid

answered on 17 Feb 2017

3 answers

252 views

PanelBar does not render after updating

I recently upgraded my Kendo libraries to version 2017.1.213 from version 2016.2.812 and my PanelBar will no longer render. I am currently using the datasource formatting as defined here: http://www.telerik.com/forums/kendo-menu-item-click-open-new-window#FWU47PCqfEa5o7OGoNzO8w . I am using this format because I need the target and id attributes on the links which are unavailable with the json format.

Is there a more supported way to do this?

PanelBar

answered on 17 Feb 2017

2 answers

654 views

Map Shape Layer With Circle?

Hello, I'm trying to use Kendo UI Map to display a radius with a circle. In other words, drop a pin/marker on a map, and show a circle marking a 100 mile/km radius around it. All I am able to find is documentation on adding a polygon shape to a shape layer, but nothing on circles. I tried using a bubble layer, but the bubble stays the same size when you zoom in, so I can't use that. Any thoughts on this would be very helpful.

Thanks! -Jason

Map

answered on 16 Feb 2017

6 answers

241 views

Line chart incorrect render for non-uniform data

I am trying to draw line (step) on date axis with small spikes of data but seems like it auto compress.

Code

<body>

<div id="example">

<div class="demo-section k-content wide">

<div id="chart"></div>

</div>

<script>

var stats = [{ value: 0, date: new Date("2012/01/04") },

{ value: 30, date: new Date("2012/01/05 11:22AM") },

{ value: 0, date: new Date("2012/01/05 11:22:30AM") },

{ value: 0, date: new Date("2012/01/10") }];

function createChart() {<br> $("#chart").kendoChart({<br> title: {<br> text: "Units sold"

<br>                        },<br>                        dataSource: {<br>                            data: stats<br>                        },<br>                        series: [{<br>                            type:

"line",<br> style: "step",<br> field: "value",<br> categoryField: "date"

<br>                        }],<br>                        categoryAxis: {<br>                            baseUnit:

"weeks"

<br>                        }<br>                    });<br>                }<br>                $(document).ready(createChart);<br>                $(

"#example").bind("kendo:skinChange", createChart);<br> </script><br> </div><br></body>

Charts

answered on 16 Feb 2017