Questions on Kendo UI for jQuery Forum

1 answer

164 views

In chrome mobile browser when a combo is searched and clicked, combo box gets cleared sometimes. In other browsers this issue is not there.

Step 1 : type 2 or 3 three characters in combo box.

Step 2 : click on desired value

Result : Half of the time, combo box gets cleared.

ComboBox

answered on 27 Apr 2021

1 answer

95 views

Week and Month view out of screen

Hi,

Im trying to get the Week and Month view to fit on the screen. But when I select the week view I get this weird behavior, the content goes out of the screen (example1.png).

I am trying to make it look like how it looks on the day view (example2.png).

Does anyone have a solution for this? :)

Thanks,
Mark

Scheduler

answered on 27 Apr 2021

2 answers

6.0K+ views

Changing color of selected row

@(Html.Kendo().Grid<SomeViewModel>()

.Name("SomeGrid")

.Columns(columns =>

{

columns.Bound(p => p.Id);

})

.Events(e => e.DataBound("onDataBound"))

.Selectable(selectable => selectable.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.Read(...)

)

When the row is selected, color changes to orange. How do I modify this behavior to not change to any color at all ?

Grid

answered on 27 Apr 2021

4 answers

4.5K+ views

Disable, Readonly and MaxLength for KendoEditor

How do i set Disable, Readonly and MaxLength for KendoEditor?
I also need Disable and enable for Dropdown controls as well.. I am guessing its the same options as Editor (if available)

Editor

answered on 27 Apr 2021

0 answers

119 views

Custom Value Fields Based on Operator

Hi,

Currently I have an editor template set for date fields where it changes out the input based on what operator is selected. We have custom operators such as "Next X Days" and "Last X Days" where I would like the input to be a number field, and then for operators such as "Is Equal To" I would like those to be date fields. I have this working, but the problem is that the value in the input doesn't show up in the expression preview or in the serialized data from the filter. Is it possible to accomplish what I'm trying to accomplish?

Filter

asked on 26 Apr 2021

1 answer

97 views

Kendo UI: Grid header(width) alignment issue inside tabstrip

I have used KENDO UI two Tabstrips.

Tabstrip One.
Tabstrip Two.

and both tabstrip contains a kendo Grid inside and Grid inside Tabstrip One is fixed column grid (2 fixed column) and 8 scrollable columns.

Issue: The grid inside Tabstrip One will take some 20-30 seconds to load after the page load.
The header of the Grid inside the Tabstrip One breaks, If i navigate to Tabstrip Two before the grid inside the Tabstrip One loading and comes back to Tabstrip One after the grid inside the Tabstrip One finished loading. See the First Image.
However if i click inspect on the Grid header the Grid header comes back to Normal (by self setting the k-grid-header width) See the second Image.

Please let me know if anybody faced similar type of issues.
Thanks in advance

Grid

answered on 26 Apr 2021

2 answers

1.7K+ views

How to show a popup on hover in Kendo Multiselect

I have a kendo multiselect component that works great, but when text in my dropdown are too long I have to truncate it. I would show at least a tooltip on hover with the full text. Here is an example of the desired result (in this example my mouse is on the first result, getting a popup with the full text) :

MultiSelect

answered on 26 Apr 2021

2 answers

211 views

Can Signature Demo be made to use touch

I found the following article about using a Kendo surface to create signatures and exporting them to SVG. However, the example shown does not appear to work using a touch interface (finger or stylus) on a mobile device (or touch screen on a laptop). What would need to be added to support touch?

https://docs.telerik.com/kendo-ui/knowledge-base/drawing-draw-signature-and-export-svg

General Discussions

answered on 26 Apr 2021

2 answers

492 views

Zoom in and zoom out in spreadsheet

hi team,

Is there an option to implement zoom in and zoom out in spreadsheet?

Regards,

Jaspreet

Spreadsheet

answered on 26 Apr 2021

2 answers

457 views

scrollTo/next not working properly?

Hello

I have successfully created a scrollView with pager (clickable dots at bottom). It works when I manually switch to next/previous page or click on a page dot. Now I wanted to enhance that after a few seconds the scrollView switched to the next page. On the last page it should switch back to the first page. For this I'm using the Javascript function setIntervall and scrollView's methods next and scrollTo.I have now a experienced some weird effects:

- next: With each call of method next a page button at bottom disappears
- scrollTo: After reaching the last page it keeps hanging and does not go back to first page

Here's a code sample that runs out of the box:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Auto scrollview</title>

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

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

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

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

<script>

var timerNewPage;

var pageNewFile = 0;

// Jump to next page, after page 10 jump back to page 1

function jumpNextPage ()

{

if (pageNewFile > 8) {

pageNewFile = 0;

var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;

scrollView.scrollTo(0);

}

else {

var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;

scrollView.next();

pageNewFile += 1;

}

$(document).ready(function () {

// Init scrollView

$("#scrollView").kendoScrollView({

enablePager: true,

contentHeight: "100%",

page: 0

});

timerNewPage = setInterval(() => jumpNextPage(), 4000);

});

</script>

</head>

<body>

<div id="scrollView" style="height: 500px;">

<div data-role="page">Page 1</div>

<div data-role="page">Page 2</div>

<div data-role="page">Page 3</div>

<div data-role="page">Page 4</div>

<div data-role="page">Page 5</div>

<div data-role="page">Page 6</div>

<div data-role="page">Page 7</div>

<div data-role="page">Page 8</div>

<div data-role="page">Page 9</div>

<div data-role="page">Page 10</div>

</div>

</body>

</html>

I have tested in on lastest Safari, Chrome and Firefox, all with the same described behaviour.Is this a bug or am I doing something wrong? I've used the method refresh after page switch but didn't fix the vanishing page buttons. I've also tried to scroll to next page with scrollTo (instead of using next) but also with the same weird behaviour.

Any help/hint appreciated!

ScrollView

answered on 25 Apr 2021