Telerik Forums
Kendo UI for jQuery Forum
1 answer
357 views

I have a kendo multiselect with virtualization set to true. I want to clear out the data from the search input after each item is selected so the user can start a new search. I tried this solution but found a bug. In my example, if the user selects 1 and then 20, the selected items get cleared and the multiselect becomes unusable from that point forward. The x won't clear anything and you can't select anything. How do I fix this?

Here is a dojo showing the problem

Failed Attempt:
I attempted to fix this by adding .trigger("input") to the e.sender.input.val("") line but that ends up creating duplicates of the same item selected and causes occasional errors like this in the console and doesn't clear the box: 

Uncaught TypeError: r.select(...).done is not a function
    at init._removeTag (kendo.all.js:311085:87)
    at HTMLSpanElement.<anonymous> (kendo.all.js:311085:87)
    at Function.each (jquery.min.js:2:2976)
    at fn.init.each (jquery.min.js:2:1454)
    at init._clearValue (kendo.all.js:311085:87)
    at HTMLSpanElement.dispatch (jquery.min.js:2:43090)
    at v.handle (jquery.min.js:2:41074)

 

Neli
Telerik team
 answered on 10 May 2023
1 answer
681 views

I have been asked to make the filter input (search box) appear at the top of the dropdown list in a multiselect exactly like it does in the dropdownlist component. Is there a way to move the filter input out of the box at the top and into the search area? The expected behavior is this:

  1. User clicks on the dropdownlist (or the down arrow)
  2. The list opens displaying a search (filter) input at the top just like the dropdownlist does.
  3. User types in the filter and the list filters the results.
  4. User clicks on one of the items and it adds a chip above.
Georgi Denchev
Telerik team
 answered on 10 May 2023
3 answers
733 views

Hi,

I build a Kendo Dojo to demonstrate my point :

Dojo

I want to adjust the size of my DropDownList after each setDataSource command.

The current behavior adjust the height on first setDataSource only. I place two buttons to expose my point. If i click Small and Large after, the dropdown is very small and I need to scroll. Otherwise if I click the large button and small after, the dropdown is very large and show empty spaces after items.

I try resise, and refresh but it not working.

How can I adjust the size manually ? Thanks!

FranckSix
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 09 May 2023
1 answer
1.8K+ views
Hello we are using a combination of Kendo.mvc dll from 2018 with jQuery 1.1 version. But as per our enterprise standards we updated the  jQuery to latest and trying to update kendo.mvc 201.8.2.516.440 to more latest version as this version of kendo is not supporting latest jquery version. Please guide us how we can get a latest version of this dll. 
Ivan Danchev
Telerik team
 updated answer on 09 May 2023
1 answer
106 views

When I select time slot and then I will go to scheduler calendar, everything is ok. But then when I select one day earlier and open scheduler calendar it's showing previous date. It's reproduceable in latest version https://demos.telerik.com/kendo-ui/scheduler/index (https://dojo.telerik.com/EcalidON) with an option (selectable: true)

Green circle shows it works correctly.  (image above)

Red circle shows it doesn't work correctly. (image above)

I observed it happens when I click one day before previous selection.

Neli
Telerik team
 answered on 08 May 2023
1 answer
207 views

Hi there,

I have a project using "@progress/kendo-ui": "^2020.3.1021", and I upgraded it to the latest version ("@progress/kendo-ui": "^2023.1.425"). After the upgrade, the dependent file cannot be found anymore. The files are no longer existing in the folder.

 

 

 

How can I fix the issue?

Thanks!

 

Martin
Telerik team
 answered on 05 May 2023
1 answer
130 views

What is it the users are doing where <font> is being added to the editor, and how can I stop it from happening.

Example:

<font color="inherit" face="inherit" size="-1"

 

Neli
Telerik team
 answered on 04 May 2023
1 answer
235 views

Hi Support.

I recently upgraded a jquery/bootstrap 3/kendoui project from less to sass, and have a bootstrap 3 dropdown button in grid row/cell that is being hidden by the grid pager. See screenshot.

The code below I used in the grid databound event in less to fix the "is hidden issue" no longer works in sass:

var style = document.createElement('style');
document.head.appendChild(style);
if (this.dataSource.data().length > 0) {
    style.sheet.insertRule('#versions-grid .k-grid-content, #versions-grid tr td {overflow: visible}', 0);
} else {
    style.sheet.insertRule('#versions-grid .k-grid-content, #versions-grid tr td {overflow: hidden}', 0);
}

Any ideas?

Neli
Telerik team
 answered on 03 May 2023
0 answers
94 views

Hai,

I have two questions : 

1) How can I change the width of a GridColumn, as show below? I am currently using GridColumn. Please find attached as reference.

2) How can I use Kendo UI to create a bar graph like the one shown below? The graph should update based on the user-entered values for total occurrence and time period (week/month). Does Kendo UI support this functionality?


 

Umi Amira
Top achievements
Rank 1
Iron
 asked on 03 May 2023
1 answer
130 views
Is there a way to have switches instead of checkboxes (same look as the kendoSwitch control) in a TreeView as seen in the example below?



I am dynamically converting the checkboxes after the treeview initializes using a function that basically does this 
$('input[type="checkbox"]:not([data-role="switch"])').kendoSwitch()
but it seems to have a lot of quirks that we have had to work around. Does the newest version of Kendo support switches in a TreeView out of the box?
Nikolay
Telerik team
 answered on 02 May 2023
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?