Questions on Kendo UI for jQuery Forum

2 answers

1.4K+ views

Save in cell edits before calling editCell or calling close cell.

I'm implementing some custom navigation options in one of my kendo grids. Specifically our users want the grid to behave similarly to excel, navigating to the next row and editing the cell when a user hits the enter key.

Based on recommendations here : https://www.telerik.com/forums/kendo-grid-navigation-with-enter-key

I have disabled the navigatable option and have implemented my own keydown bindings. Using jquery I am selecting the next cell and then calling the following

grid.current(nextCell);
grid.editCell(nextCell[0])

This puts the correct cell into edit mode, but in the process I lose any changes the user had made to the previous cell.

I have tried calling close cell as referenced here: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/closecell

but I cant seem to determine a way to call the method and not cancel changes.

Is there a different method I need to call? Or a different way to persist the cell edit?

Grid

answered on 11 Oct 2019

3 answers

347 views

Missing Borders - Firefox

Hi Guys,

Have just tripped over an issue whereby Firefox is not rendering row/cell borders correctly.

To illustrate the problem run the following dojo in Firefox

https://dojo.telerik.com/EyIZuzog

On opening the popup you should see that alternate rows are missing a bottom border and the first column is missing the right border (see Firefox.png).

Under Chrome & Edge these borders are being rendered correctly (See Chrome.png).

Is this a known issue with Firefox and if so are there any methods/workarounds to overcome the problem.

Regards
Alan

Firefox: v69.0.1
Chrome: v77.0.3865.90

MultiColumnComboBox

answered on 11 Oct 2019

13 answers

1.2K+ views

Problem with DropDownList, iFrame and iPad.

Hello,
I have problem when I use DropDownList inside a page loaded into an iframe and when I use an iPad (I don't know if other touch device have the same behaviour). I have attached a small example.

In the example you can see two DropDownList, one in the main page and the other one in a second page that is loaded into an iframe.
When I use one of the many browser on Windows (IE, Firefox, Chrome...), all works fine.
When I use Chrome or Safari on iPad I have a strange behaviour: if I change the selection on the first dropdown all works fine, instead when I try to change the selected item in the second dropdown, the popup close immediatly without changing che selection.

Any dropdown in the page loaded inside the iframe have the problem.
This is a small example and the iframe have no sense, but in my projects I must use iframes.

How can I fix this issue?

Thanks.

EDIT: 04/04/2013
The previous version (2012.3.1315) works fine and the dropdownlist works as expected in the iframe too.
The new one (2013.1.319) has the descripted behaviour.

DropDownList

answered on 11 Oct 2019

3 answers

459 views

Detail Template (with row template)

Can I attach a row-template to a detail-template?

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

<h4>ciao ciao </h4>

<div id="Subgrid"

data-role="grid"

data-row-template="rowTemplate"

data-bind="source: Grid.source"

data-columns="[

{ 'field': 'documenti','title':' documentiName'},

{ 'field': 'documenti','title':'documentiSurname'},

{ 'field': 'documenti','title':'documentiAge'},

{ 'field': 'documenti','title':'documentiIsEmpty'}

]">

</div>

</script>

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

#for(var i = 0; i < data.length; i++){ #

<tr>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

<td>

<span>ciao</span>

</td>

</tr>

#}#

</script>

Grid

answered on 10 Oct 2019

1 answer

142 views

Calendar display weird with Chrome

Hi team,

Seems the calendar rendering is a bit broken with Chrome when setting font-size to odd number like 11px,13px. Since 2019R1.

Last line is a bit cut at the bottom (see screenshot).

https://dojo.telerik.com/aLuvEtIp

Best regards.

Laurent

DatePicker

answered on 10 Oct 2019

9 answers

720 views

Printing?

Is there a printing feature to print the content inside the spreadsheet or do I need to use a print stylesheet?

Thanks!

Spreadsheet

answered on 09 Oct 2019

3 answers

335 views

Timeline with accuracy to minutes

Timeline is a great piece of work, but...
for my purposes i need to show not just date, but whole datetime including hour and minute, if possible seconds also.
Is there any option, overload or a way how to show full datetime in timeline?
Option for customisable datetime format is in need also.

Timeline

answered on 09 Oct 2019

3 answers

482 views

Date Time formatting issue on grouped column

When I group a grid column that is a date time, the grouped data appears above the column data which is fine, however the formatting of the date is different. Is there a way to get them to either be the same or apply a different date time format?

Grid

answered on 08 Oct 2019

3 answers

341 views

[Solved] Expand to 100% Width

Hello,

How can I expand the conversational UI to 100% width of the window ?

Thanks,
Stephane.

Chat

answered on 08 Oct 2019

6 answers

325 views

StockChart options

Hello

I'm collecting user actions on day level and would like to display those in a StockChart (column mode). This works all fine in StockChart but I struggle with these questions:

With the scroll wheel the chart can go down to daytime that I won't display. Is it possible to restrict/block daytime display so that 'day' is the lowest possible date level? (baseUnit on "days" doesn't block daytime)
Is it possible to not display (hide) days in the time axis on which the user hasn't done any actions?
Is it possible to dynamically sum up values moving to next higher time period? Example: User has these actions amount by date (yyyymmdd):
20190103 : 12
20190115 : 24
20190123 : 7
On day view the user would see in StockChart the values 12, 24, 7. When the user scrolls into month view he should see the amount of actions in January 2019: 43

I was trying to find these options in the API documentation of StockChart but couldn't find these options. Maybe possible in combination(?).

Regards

Charts

answered on 08 Oct 2019