Questions on Kendo UI for jQuery Forum

3 answers

416 views

In batch editing with locked column no focus on first cell

Hello,

In batch editing with locked column no focus on first cell.

In batch editing when i am add row, first cell get focus. If add first locked column. first cell didn't get focus.

Exemple: https://dojo.telerik.com/ucEraQOW

Grid

answered on 09 Sep 2019

5 answers

1.0K+ views

Left-aligned sort icons

Hello,

I have the requirement to move the sort icon (arrow) to the left before the column heading. The reason is because if the column size is to small, the arrow is not visible for the user. We are not able - and willing - to hard code all table widths so the only solution is to change the display of the filter. Is there a way of moving the icon to the left, before the text, so that it is visible even if the column size is smaller than the column heading?

Regards

Sebastian

Grid

answered on 06 Sep 2019

1 answer

205 views

Sub-menu expands vertically between root items

Hi,

I'm wondering if there is a way to expand sub-menu items between the root items when the menu has a vertical orientation

For example for the menu below the space between products and blog would expand to accommodate the sub-menu. Would another control be better for this?

<!DOCTYPE html>

<html>

<head>

<base href="https://demos.telerik.com/kendo-ui/menu/index">

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common-material.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.material.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.material.mobile.min.css" />

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

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

</head>

<body>

<ul id="menu">

<li>

Products

<ul>

<li>

Furniture

<ul>

<li>Tables & Chairs</li>

<li>Sofas</li>

<li>Occasional Furniture</li>

<li>Children's Furniture</li>

<li>Beds</li>

</ul>

</li>

<li>

Decor

<ul>

<li>Bed Linen</li>

<li>Throws</li>

<li>Curtains & Blinds</li>

<li>Rugs</li>

<li>Carpets</li>

</ul>

</li>

<li>

Storage

<ul>

<li>Wall Shelving</li>

<li>Kids Storage</li>

<li>Baskets</li>

<li>Multimedia Storage</li>

<li>Floor Shelving</li>

<li>Toilet Roll Holders</li>

<li>Storage Jars</li>

<li>Drawers</li>

<li>Boxes</li>

</ul>

</li>

<li>

Lights

<ul>

<li>Ceiling</li>

<li>Table</li>

<li>Floor</li>

<li>Shades</li>

<li>Wall Lights</li>

<li>Spotlights</li>

<li>Push Light</li>

<li>String Lights</li>

</ul>

</li>

</ul>

</li>

<li>

Blog

</li>

<li>

Company

</li>

<li>

Events

</li>

<li disabled="disabled">

News

</li>

</ul>

<style>

</style>

<script>

$(document).ready(function() {

$("#menu").kendoMenu({

orientation: "vertical"

});

</script>

<style>

.k-menu-vertical /* for all horizontal menus */

{

display: inline-block;

}

.k-menu .k-i-arrow-60-right {

display: none;

}

</style>

</body>

</html>

Menu

answered on 05 Sep 2019

3 answers

208 views

use websocket as chart datasource and refresh as data changes

Hi,

I managed to combine something and have chart bound to same websocket ds as grid in your demo.

Read method gets data and draws pie chart, but when I update data via grid, nothing happens.

After some investigation it seems, pushUpdate in transport causes error causing chart not to update.

on this part:

//Check what the push type is and invoke the corresponding callback.
if (result.type == "push-update") {
options.pushUpdate(result);
}

This is error I get in demo:

kendo.all.js:7092 Uncaught TypeError: Cannot read property 'call' of undefined
at Object.<anonymous> (VM30647 kendo.all.min.js:28)
at Function.Deferred (VM30646 jquery.min.js:2)
at init._promise (VM30647 kendo.all.min.js:28)
at init._send (VM30647 kendo.all.min.js:28)
at init.sync (VM30647 kendo.all.min.js:28)
at init._change (VM30647 kendo.all.min.js:28)
at init.d (VM30646 jquery.min.js:2)
at init.trigger (VM30647 kendo.all.min.js:25)
at o.<anonymous> (VM30647 kendo.all.min.js:27)
at o.trigger (VM30647 kendo.all.min.js:25)

Is there any different approach I can/should take so I can have real time updates on the chart?

Thank you and regards,

Vedad

Charts

answered on 05 Sep 2019

16 answers

684 views

[Solved] Coloring holidays or non-working days in gantt view

Hi,

Happy new year with a new questions :)

Is there any way to colorize differently specific non-working days (holidays)? I did some digging and all I found is incorporated deep in Kendo code.

I have a list of non-working days returned from the server on app load, so I just would need a way to inject this information to the gantt.

Thanks and regards,

Vedad

Gantt

answered on 05 Sep 2019

1 answer

1.1K+ views

Drag and Drop between two browser tabs/windows

Hi.

Is it possible to drag an item from one browser window to another (both on the same site)? I can get this to work with the HTML5 drag and drop, but not kendoDraggable. The draggable item will not move outside the window/container.

Example here: https://dojo.telerik.com/oCogArOf

- Odd

Drag and Drop

answered on 05 Sep 2019

1 answer

1.7K+ views

Convert files to base64 before upload

Hello,

Because of technical restrictions, I need to encode files in base64 format before upload.

To do that, I use the upload event of the Kendo Upload Widget to make a FileReader object with an onload event on that reader to get a base64 string.

Problem: the async upload handler is called before the reader onload finish. It’s a normal behavior because the both object are async.

How can solve that ? Is there a better method ?

Thanks a lot

moosh

Upload

answered on 04 Sep 2019

13 answers

1.0K+ views

Keep editing after a server side error

Hello,

i want to be able to continue editing/inserting a row after a server error, and maintain the data already inserted. Is it possible? If so, how can i accomplish this?

Right now i can do some stuff on a server side error thru the event Error on DataSource, calling a user defined javascript function. I'm showing a popup with the error, but then the row exits the edition mode.

I can cancel UI changes but then i lose the data. If i don't cancel UI changes on the grid, the row is shown as if there were no errors, but it was not saved on the server.

Thanks in advance

Grid

answered on 04 Sep 2019

2 answers

230 views

Kendo Upload widget in Grid in batch editing mode

I was wondering if you could point me to an example showing the kendo upload widget in a Kendo grid, where the grid is saved using a batch update? I've come across examples for non-batch mode, but none in batch mode. Basically, I want the user to be able to add or more rows to a grid. When they add a row, they use the file upload in that row to select an image, and then enter a description for that image. After they have entered one or more rows, they click on a "Save Changes" button to save all changes as a batch.

Thanks.

Grid

answered on 03 Sep 2019

1 answer

1.0K+ views

Configure dateTimePicker(s) in Gantt to 15 min interval

Hi, the default for all built-in dateTimePickers is a 30min interval. Can this be configure to 15min? Also when editing start or end in the gantt column section the dropdown width is restricted by the width of the column. Can this be overridden?

I have attached files to illustrate:

DTP_InColumn.png : The dropdown list needs 15min intervals and list width needs to be wider.

DTP_InNewTask.png: The dropdown list needs 15min intervals.

Gantt

answered on 03 Sep 2019