Hi,
I am new to kendo mobile and phonegap/cordova.
I am building a mobile application using phone gap and kendo mobile.
I have a requirement that I want to let user to select text in mobile view but instated showing native clipboard (share/copy/paste) I need to show my menu options to the user.
I tried with restricting user to select text to disable copy/paste options by setting
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
but after that I am not able to select the text.
Hoe can I achieve the text selection functionality without showing native copy/paste clipboard?
Please tell me the solution to achieve this.
Thanks in advance.
Niteen
Hi,
I'm using the "aurelia-kendoui-bridge" tool to integrate kendo with aurelia, and I have no problem with other widgets such as Calendar or Button. But when I try to create a kendoSpreadsheet, I'm getting a "Syntax error, unrecognized expression: #" when loading the widget. I tried with and without sheets property. So it seems the problem is loading the widget, although I can see it in my template.
My kendo version is 2016.2.714.
This is my HTML code:
<template>
<require from="aurelia-kendoui-bridge/spreadsheet/spreadsheet"></require>
<div id="example">
<ak-spreadsheet k-sheets.bind="sheets"></ak-spreadsheet>
</div>
</template>
And my TS code is attached below.
Any clue why I'm having this problem?
I'm having the following bizarre issue, after moving to npm and webpack to build our angular application. I'm using the latest kendo.all '2017.1.223', angular 1.62, jQuery 3.11;
Every input widget, e.g. datepickers, multiselect, dropdowns, does only open once.
Any idea of what might be going on?
I could not reproduce in dojo.

Hi there-
I have an event that doesn't line up to the snapping interval of 30 minutes (e.g. it starts at 8:29am and ends at 9:00am). When I drag the bottom handle (9:00am) to adjust the end time of the event, why does the top handle also snap to the nearest interval during the drag operation? Seems like it might be confusing to users. You can see this behaviour here:
http://dojo.telerik.com/IHiru
Is there any way to override this behaviour so when you're dragging a handle, the other (static) handle doesn't snap too?
Thanks,
Dwight

Hello Telerik team,
thank you for your work and support so far.
We have a blocking problem when binding our data to a grid.
The problem is that while the data is initially correctly bound when calling kendo.bind ; the wrong model field is then used when adding new data to the grid data source. This occurs because the grid data source properties name are the same of the model root property names.
I have reproduced the problem in the following dojo : http://dojo.telerik.com/OnuZA
You can see in the previous example that the data is correctly bound initially.
When you enter a new record in the grid it affects the root of the view model and not the array where the data source is bound !
Is it the desired behavior ? If not have you a way to fix this problem until it get fixed in a next release ?
Thank you !

Hi,
I have a grid with inline editing. Outside of the grid is a submit button. When clicking submit I want to check that editing is complete and valid before making the ajax call. For example, the user adds a new row, one of the fields is required, but before filling it in the user clicks Submit. How can I determine that the current edit cannot be completed as the row is invalid and hence cancel the submit allowing the user to fix the validation error?
Thanks,
Scott
How can the results from ToDataSourceResult be reduced down to distinct unique values?
An example of what we are doing is that we have a dropdownlist that lets a user choose a car make.
We then render the users who have ever owned a car of that make in a datagrid.
We accomplish this by adding a filter to the datasource for the car make that was selected. Similar to:
filter.push({ field: "CarMake", operator: "equals", value: document.getElementById("fieldCarMake").value });
The call to the controller is essentially:
public JsonResult ResourceLookupGet([DataSourceRequest] DataSourceRequest request){ return Json(DataContext.UserCars.Select(s => new { Id = s,Id, Name = s.Name}).ToDataSourceResult(request));}
Where the view "UserCars" has a record with the Users Id, Name, and the Car Make and Model they have driven. Example:
10, Bob Smith, Ford, Mustang10, Bob Smith, Chevrolet, Corvette10, Bob Smith, Ford, Pinto11, Fred Jones, Chevrolet, Corvette11, Fred Jones, Chrysler, Avenger12, Jane Doe, Ford, Mustang12, Jane Doe, Ford, Escort
So, if someone selects "Ford", the filter ["CarMake" EQ "Ford"] is in the "request" instance, and ToDataSourceResults(request) will return:
10, Bob Smith, Ford, Mustang10, Bob Smith, Ford, Pinto12, Jane Doe, Ford, Mustang12, Jane Doe, Ford, Escort
What we want to return in the Json is:
10, Bob Smith12, Jane Doe
What is the recommended method to accomplish this?
We have a multi plot line chart where we have default circle markers with white background, which works fine. But when 2 plots intersect at a point hovering to find the correct tooltip is a problem.So we can with the design to stop showing the marker circles and a show a horizontal dotted line moving with the mouse. When we come upon a category axis label 3 bubbles/dots corresponding to the three plots should appear on it, not on the series plot itself (as 2 plots are coinciding). They should appear at fixed height intervals and on hover should how a bubble glow effect and the corresponding tooltip should come. Now can this be done.
As far I have seen through kendo only markers on plots can be zoomed or changed on hover (no effects), also they will stay on the plot line (meaning in our case 2 markers will coincide). Also is there a vertical hover line.
I am attaching an image made in another tool for reference.
Hello, I have a Tabstrip with the event 'Activate'. When a user clicks a tab on the tabstrip, the activate event fires. During this time I am determing whether the tabstrip will continue on its merry way to allow a user to access to the tab they clicked, or deny them and specify the tab they need to go to.
My issue is with the tabstrip.select( ) method. I can specify the tabstrip to be positioned with tabstrip.select( <int> ), but this only works the first time using the 'Activate' listener. It does not work at all with show or select.
I have modified a Kendo Dojo to give an example. What should be happening is upon Tab 1 being selected, the Tabstrip should force the user back to Tab 2. The tabstrip doesn't seem to be doing this at all.
http://dojo.telerik.com/iJolu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.mobile.all.min.css"/>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script>
</head>
<body>
<div id="tabStrip">
<ul>
<li>Tab 1</li>
<li>Tab 2</li>
</ul>
<div>Content 1</div>
<div>Content 2</div>
</div>
<script>
// event handler for activate
var onActivate = function(e) {
// access the activated item via e.item (Element)
var ts = $("#tabStrip").kendoTabStrip().data('kendoTabStrip');
debugger;
switch ($(e.item).find(".k-link").text().trim()) {
case "Tab 1":
ts.select(1);
debugger;
break;
}
// detach activate event handler via unbind()
tabStrip.unbind("activate", onActivate);
};
// attach activate event handler during initialization
var tabStrip = $("#tabStrip").kendoTabStrip({
show: onActivate
}).data("kendoTabStrip");
</script>
</body>
</html>
