Questions on Kendo UI for jQuery Forum

3 answers

330 views

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.1K+ 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

439 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

129 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

691 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

312 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

459 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

325 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

294 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

4 answers

1.8K+ views

Window with Okay/Cancel button at bottom and scrollable content (Solution included)

Hi,

recently I needed a kendo window with an okay and a cancel button at the bottom of the window.
The buttons should stay sticked at the bottom of the window and the content should take all of the available remaining space.
And the content should be scrollable (in case it's bigger then the window).

Here is a solution, in case someone else has the same requirement:

<div>

<div id="window">

<div style="height: 100%;">

<div style="overflow: auto; height: calc(100% - 70px); padding: 10px">

Content

</div>

<div style="width: 100%; height: 60px; background-color: #e3e3e3; border-top: solid #C5C5C5 1px">

<div style="float: right; margin: 10px">

<button id="okayButton" style="background-color: green">Okay</button>

<button id="cancelButton" style="background-color: red">Cancel</button>

</div>