Telerik Forums
Kendo UI for jQuery Forum
1 answer
119 views

Good day!

We are using kendo to upload images, but on our server with NAXSI (web application firewall), its blocking the form post data if the filesize of the image is less than 10KB, if its 10 KB and above, it's allowing the upload.

Any ideas how to fix this?

Thanks!

Ollie dG.

 

 

Ollie
Top achievements
Rank 1
Iron
 answered on 20 Feb 2019
1 answer
232 views

I have been trying to upgrade Jquery to 3.3.1 for my project in RequireJS but it's giving error kendogrid is not a function.

So I used latest Kendo.all.min but still the issue is not resolved.

Please find attached sample code file link below

http://dojo.telerik.com/@roger.telegan/aXOHeTiK

Tsvetina
Telerik team
 answered on 20 Feb 2019
3 answers
169 views

Hello,
According to https://docs.telerik.com/kendo-ui/intro/supporting/browser-support we understand you support the latest version of Edge browser.
We have a problem with columns chart we implemented. It looks great in Chrome, Safari and Firefox but in Edge browser the columns shift.


Are you familiar with such problem? Can you advise?


Thanks,

Ron

Tsvetina
Telerik team
 answered on 20 Feb 2019
1 answer
3.2K+ views

I have a rest service that I can call in Postman

Type: Post

Header: Content-Type: application/json

Body:

{
"searchParam" :{

"from" : "2019-02-11T00:00:00Z",
"to" : "2019-02-16T00:00:00Z"
},
"filterParam":{
"deviceName":"1",
"devices":["111"],
"channels":[]
}
}

 

 

 

But is this the correct format for the kendo datasource for a post?  (with parameters).  I keep getting response errors when trying to connect.  

 

 

 

channelData: new kendo.data.DataSource({
    transport: {
      read: {
        url: "http://localhost:20212/api/",             
        type: "POST", 
        contentType: "application/json",         
        data: function() {
            return {
                searchParam: {
                    from: "2019-02-11T00:00:00Z",
                    to: "2019-02-15T00:00:00Z",
                },
                filterParam: {
                    deviceName: "1",
                           devices:"111"],
                    channels: [],
                }                  
            }             
         }        
    },        
 
    }
  }),

 

 

Perry
Top achievements
Rank 1
 answered on 19 Feb 2019
7 answers
559 views

Hi, i'm include localization files to my project:

<script src="js/kendo.culture.ru-RU.min.js"></script>
<script src="js/kendo.messages.ru-RU.min.js"></script>

It's works fine, but DataRangePicker label still English ("Start", "End"), how i can localize it?

 

Viktor Tachev
Telerik team
 answered on 19 Feb 2019
4 answers
672 views

Hello!

Would you please give me an idea where to start to solve the following problem:

I need two list boxes, lets' call them palette and list. 

I need to perform following actions via drag and drop:

1) COPY items from 'palette' to 'list' (e.g. item remains in 'palette' and appears in 'list'),

2) reorder items in 'list'

3) REMOVE items from 'list' (e.g 'item disappears at 'list' but does not appear at 'palette').

4) I do NOT need reordering in 'palette'. 

A practical example of such task would be... let say you have a restaurant menu and want to build an order dragging menu items into the order.

My guess was that it should be possible via analyzing the current drop target in drop or dragend events, but it seems like all I have there is the drag source and the items dragged.

The source code seems to try to determine the drop target via searching which of two listboxes (source or 'connected') the current placeholder belongs to, however I hesitate  to use this approach as placeholder information seems to be not a part of public API, so, I guess, there is no promise of backward compatibility in future.  

I also found an example you provided few years ago, where similar problem partially solved by simply adding the removed item back to palette, but this looks quite weird, I  would hesitate to use such visual behavior in a real project. 

So,  I would really appreciate a head up at an approach to be used, or to a good example on how this task is supposed to be solved in Kendo UI for JQuery architecture. 

Thank you very much for your time!

Tsvetomir
Telerik team
 answered on 19 Feb 2019
5 answers
7.3K+ views
Was wondering how I can change the overall look of the tooltip.

I haven't seen any documentation on this or if this is even possible, but I would like to change the look of the tooltips and was not sure what classes the tooltips are inherited from or where to begin.  Currently it seems the background colors are being inherited from my page background.

It seems currently the tooltip attributes are concrete and I would like to attempt to make one where the size of the tooltip is determined by content.

Can someone please point me in the right direction on how to change look and feel.

Thanks
Veselin Tsvetanov
Telerik team
 answered on 19 Feb 2019
3 answers
681 views

I've noticed that the dialog control is very good at handling changes to the width of the browser window.  No matter how I resize my browser, the width is no wider than the window, and never exceeds the width I specified in the configuration.

Unfortunately, it doesn't seem to really care about the height of the browser window.  If I specify a height that's taller than the browser window, or resize the browser to be shorter than the dialog, the dialog extends past the bottom of the browser window and you are unable to see all of the dialog or access the buttons.

I wish it handled the height as well as the width.  Any chance that can be implemented?

I was able to accomplish this with the code below.  In Firefox, I tend to lose the padding below a tabstrip control, but otherwise, it's been ok, though I think you guys could do a better job that I've managed to implement.  I also don't want to have to support the code.  :)

                var maxHeight = 1;
                for (var i = 0; i < $("[data-id='ForgotWindow']").parent().children().length; i++) {
                    maxHeight += $("[data-id='ForgotWindow']").parent().children()[i].scrollHeight
                }

                var newSize = Math.min(window.innerHeight - 25, maxHeight) + 'px';
                _forgotDialog.setOptions({
                    height: newSize
                });

            _forgotDialog.open();

 

FYI, I create the dialog with a DIV that has the attribute data-id="ForgotWindow", and I've set it to the variable _forgotDialog.

Veselin Tsvetanov
Telerik team
 answered on 19 Feb 2019
9 answers
3.2K+ views
How do I add another item at index 0 of "-- Please Select --"? 

<input id="coursecats" style="width:400px;"/>

$("#coursecats").kendoDropDownList({
                index: 0,
                dataTextField: "Title",
                dataValueField: "CourseID",
                filter: "contains",
                dataSource: courses
            });

Note: The courses variable is already set on the page and works fine with the Grid and AutoComplete already on the page.

Seems like there is a lot of detail missing from the docs. Are there beta docs somewhere we can access and see more details on the widgets?
Marin Bratanov
Telerik team
 answered on 19 Feb 2019
1 answer
223 views

Hi , I'm experiment some issues with kendo UI Jquery , and KendoVue and i want to share them , maybe its goona help some furter development o just to having in  mind, talking with the voice of a little development team from latam , first of all kendo was a huge help in our development team , we use all the componentes of the UI daily , but we found some insolved error in some widgets and in the end of the day we prefer to use other tecnics , if you can at least take a moment to check it in furter updates will be a great help .
Our Issues beggins with the level of costumization of a grid and growing up after that , re create the error in a dojo will take us some time and mostly is because are to many ways to get there. some of the issues are.

- When you use the " refresh" method of the jquery grid several times , and after that you use customized buttons on the same grid without reload the entire frame/page, the accion of the button is executed as many times as you fire the "refresh" method .

- The Kendo UI jquery grid check button column as is provided for the UI ,doesnt suppor the incorporation of customized acction buttons , in some randomly ocations doesnt fire the event's

-When you have a widget that display a k-list like multiselect , dropdown , combobox mounted in a kendo window , if the k-list is too long the z-index of the element is the same of the window and make a effect of "cuted data "  , some other users have the same issue https://www.telerik.com/forums/kendodatepicker-z-index

- In kendo Vue , change de data source of a mounted element is imposible if you not use the kendo-vue-datasource component , you have to re build the entire element,

That some of the issues we have experiment , thank you for your time.

 

 

 

Konstantin Dikov
Telerik team
 answered on 19 Feb 2019
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?