Telerik Forums
Kendo UI for jQuery Forum
2 answers
791 views

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

 

 

 

 

Niteen
Top achievements
Rank 1
 answered on 03 Mar 2017
3 answers
955 views

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?

Veselin Tsvetanov
Telerik team
 answered on 03 Mar 2017
4 answers
292 views

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. 

Ivan Danchev
Telerik team
 answered on 03 Mar 2017
1 answer
199 views

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

Ivan Danchev
Telerik team
 answered on 03 Mar 2017
1 answer
3.6K+ views
I'm using inline editing in my Grid. However, instead of requiring the user to scroll all the way over to the right and click the Edit button, I'd like to allow them to simply click a row to put the row in edit mode. Can this be done?
Preslav
Telerik team
 answered on 02 Mar 2017
5 answers
630 views

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 !

Stefan
Telerik team
 answered on 02 Mar 2017
10 answers
541 views

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

Scott Waye
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 02 Mar 2017
5 answers
2.1K+ views

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, Mustang
10, Bob Smith, Chevrolet, Corvette
10, Bob Smith, Ford, Pinto
11, Fred Jones, Chevrolet, Corvette
11, Fred Jones, Chrysler, Avenger
12, Jane Doe, Ford, Mustang
12, 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, Mustang
10, Bob Smith, Ford, Pinto
12, Jane Doe, Ford, Mustang
12, Jane Doe, Ford, Escort

 

What we want to return in the Json is:

10, Bob Smith
12, Jane Doe

 

What is the recommended method to accomplish this?

Dimiter Topalov
Telerik team
 answered on 02 Mar 2017
6 answers
1.7K+ views

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.

shaneed
Top achievements
Rank 1
 answered on 02 Mar 2017
1 answer
998 views

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>

Ivan Danchev
Telerik team
 answered on 02 Mar 2017
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?