Telerik Forums
Kendo UI for jQuery Forum
1 answer
114 views

Can we use draggable inside touchable?

So we can drag and drop the element with double click.

Thank you in advance

Petar
Telerik team
 answered on 28 Jul 2020
4 answers
118 views

I can successfully change position and swipeToOpen properties of my widget but it doesn't change anything. Position is always left even when I initialize Position property as right. Likely, swipeToOpen is always true even it's property value is false. 

 

I change these values dynamically with the value of a checkbox like below;

->drawerInstance.options.mini =document.getElementById(widgetID+"toggle").checked;

This line of code above changes mini properties and it works perfectly. 

->drawerInstance.options.swipeToOpen =document.getElementById(widgetID+"canSwipe").checked;

On the other side, this line of code above  changes drawerInstance value properly but I can still use swipe gestures to open the drawer.

Is there are any better ways to change the values of these properties? 

Deniz
Top achievements
Rank 1
Veteran
 answered on 27 Jul 2020
6 answers
8.8K+ views

     This may not be specific just to the grid, but when using the Excel export functionality from a grid, with the 2018 R2 release, line breaks within cells appear not to be present in the generated spreadsheet, when this was not happening with previous releases. The line breaks are definitely present in the data as /r/n characters (I can output it to the console and they appear there).

Has anyone else experienced anything like this?

Regards,

Charlie

 

Alex Hajigeorgieva
Telerik team
 answered on 27 Jul 2020
4 answers
334 views

Hi there,

I wanted to create my own custom widget binding for max configuration of numeric textbox.  With that, I found this article which describes on how to bind the max value of a Kendo UI numeric textbox widget.  The binding of the element that I want to achieve is like this 

<input data-role="numerictextbox" id="numeric" data-bind="value: value, max: max" /> 

 

However, when I implement the provided code on this article https://docs.telerik.com/kendo-ui/framework/mvvm/bindings/custom#custom-widget-binding-in-typescript - Custom Widget Binding I got an exception when applyBinding function is called in kendo.all.js.  Please see screen shot attached.

Below is my custom widget binding implementation:

 var dataStoreData = {

max_lines: 20
max_orders: 50000
max_orders_per_request: 500

}

kendo.data.binders.widget.max = kendo.data.Binder.extend({
                init: (widget, bindings, options) => {
                    // Call the base constructor
                    kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options);
                },
                refresh: () => {
                    const that = this,
                    value = that.bindings["max"].get(); // Get the value from the View-Model

                    $(that.element).data("kendoNumericTextBox").max(value); // Update the widget
                }
            });

            maxResultSettingsViewModel = kendo.observable({
                data: dataStoreData,
                settings: dataStoreData,
                onDataValueChange: changeData => {
                    console.debug("onDataValueChange event is triggered.", changeData);
                },
                onClickEvent: clickData => {
                    console.debug("onClickEvent event is triggered.", clickData);
                }
            });

            // Bind the container element with the observable object
            kendo.bind($("#collapsible-content"), maxResultSettingsViewModel);

 

Did I implement the above code incorrectly? Or, do I need to upgrade to new version of Kendo UI library?. currently, I'm using version 2019.3.1023

 

Any help is greatly appreciated.

Cheers,

Junius

Junius
Top achievements
Rank 2
 answered on 26 Jul 2020
1 answer
722 views

Issue: If the value for a drop down is too large to be fully displayed in the drop down window, the value should be wrapped.

we are not able to get Horizontal Scrollbar in drop down list or not able to get word wrapping in drop down list items when we are using virtualization concept with drop down list. we are using pagination from server side.

I have attached two files here.

we need drop down like "Horizontal_Scrollbar_dopdown_image" this image file.

and the second image "dropdownlist word-wrapping not working" which is shown our issue.

 

Please response as soon as possible with solution.

we are keen awaiting to your positive response.

Aleksandar
Telerik team
 answered on 24 Jul 2020
1 answer
301 views
10 Days back i join new company as a UI Developer and the project which i working is using kendo ui so project start 3 years back. My part is to fix the kendo ui design issue and jquery chart issue and extend the limit of the kendo ui. So i need tutorial or guide where i can learn kendo ui. Because i facing lots of issue regarding chart related jquery code problem and how to solve them. 
Silviya Stoyanova
Telerik team
 answered on 24 Jul 2020
3 answers
299 views

Does anyone have any examples of using Protractor with Kendo controls? 

Examples of how to select an item in a Kendo Dropdownlist.
Enter text in to Kendo text input
etc

Nencho
Telerik team
 answered on 24 Jul 2020
3 answers
259 views

Hi I need to use a multiselect control in inline edit of a treelist object.

I've not found anythings usefull in forum about that, but there is somethings about the same request in grid control.

 

At this link there is a usefull documentation but when I use it in my treelist control, it doesn't works.

 

Cannot read property 'toLowerCase' of undefined
If edit in dojo the example linked above, and changing the definition of grid in kendoTreeList, appear this error.
Is the same I get in my project.

 

e.slice is not a function
Removing the definition as kendo.data.DataSource to the dataSource object, it "resolve" the first problem, and TreeList data are rendered correctly, but there are no items in multiselect column selector, cause this new error.

Thanks

Silviya Stoyanova
Telerik team
 answered on 23 Jul 2020
5 answers
807 views
Hi,

How can I specify different series color for a Line chart in ASP.NET MVC using Razor?  I'm binding to grouped data and the color is in a field of the model.

Thanks,
Ronald
Angel
Top achievements
Rank 1
 answered on 23 Jul 2020
1 answer
276 views

Hi,

I have following code:

01.var arrlistNamaKaryawan;
02.
03.google.script.run.withSuccessHandler(populateNamaKaryawan).getNamaKaryawanReceived();
04.   
05.var dataSource = new kendo.data.DataSource({data : arrlistNamaKaryawan});      
06.   
07.// create a new widget instance
08.$("#employee").kendoAutoComplete({ dataSource: dataSource });
09.   
10. // retrieve the widget instance
11. var empAutoComplete = $("#employee").getKendoAutoComplete();
12.
13.function populateNamaKaryawan(listNamaKaryawan){
14.   console.log(listNamaKaryawan);
15.   console.log(Object.keys(listNamaKaryawan));
16.   console.log(Object.values(listNamaKaryawan));
17.   console.log(Object.entries(listNamaKaryawan));
18.    console.log(arrAnimal);

 

19.   arrlistNamaKaryawan = Object.keys(listNamaKaryawan);
20.   //arrlistNamaKaryawan = listNamaKaryawan;
21.}
22.
23.function getNamaKaryawanReceived(){
24.    var ss = SpreadsheetApp.openByUrl(urlStockBarangIT);
25.    var ws = ss.getSheetByName("Master Karyawan");
26.    var data = ws.getRange(2, 2, 3, 1).getValues();
27.
28.    var options = {};
29.    data.forEach(function(v){
30.         options[v[0]] = null; //convert to object
31.    });
32.
33.    console.log(options);
34.    return options;
35.
36.    //console.log(data);
37.    //return data;
38.}

 

But my #employee AutoComplete still no data

Thank you

Neli
Telerik team
 answered on 23 Jul 2020
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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?