Telerik Forums
Kendo UI for jQuery Forum
9 answers
246 views

I'm trying to use the kendoChart with remote data, which looks like this (other settings omitted for brevity):

01.$('#chart-uno').kendoChart({
02.  dataSource: {
03.    transport: {
04.      read: {
05.        url: ' http://urltokendoobject',
06.        dataType: 'jsonp'
07.      }
08.    }
09.  }
10.})

 

What I've got in a local setup is an object like this (plenty of data omitted as well):

01.var data = [{},{
02.  'name': 'First Serie',
03.  'type': 'line',
04.  'style': 'smooth',
05.  'data': [{
06.    'value': 48,'date': new Date("2017-01-31T00:00")
07.  },{
08.    'value': 120,'date': new Date("2017-02-28T00:00")
09.  },{
10.    'value': 187,'date': new Date("2017-03-31T00:00")
11.  }]
12.},{
13.  'name': 'Second Serie',
14.  'type': 'area',
15.  'line': {'style': 'smooth'},
16.  'stack': true,
17.  'data': [{
18.    'value': 47,'date': new Date("2017-01-30T00:00")
19.  },{
20.    'value': 58,'date': new Date("2017-02-01T00:00")
21.  },{
22.    'value': 163,'date': new Date("2017-03-30T00:00")
23.  }]
24.}]

The URL returns the same object (starting from the first bracket []). The first empty curly brace is due to a configuration we're using to build the data.

 

But I'm not able to actually make it work when consuming it from the remote. Still, I'm not sure what I could be doing wrong. Any pointers to the right solution?

URIEL
Top achievements
Rank 1
 answered on 10 Jul 2017
1 answer
180 views

Hello,

I want to use a diagram to display a simple hierarchy, exactly like the "basic usage" demo:  http://demos.telerik.com/aspnet-mvc/diagram

Users should NOT be able to move, resize, drag, connect, etc.

However, when an item is selected, I would like to show the menu like in the "Editing" example - with buttons to edit the properties of the item, as well as delete the item.

1. Is it possible to have the menu without setting up datasource configuration for connections?  (i.e. just specifying .Children("..."))

2. Can you add custom actions (buttons) to that menu?  

Thanks

Stefan
Telerik team
 answered on 10 Jul 2017
1 answer
204 views

Hi i´m tryng to  save data  to richtext in a report but my text returne is like this is .

what i´m doing wrong?

 

"<ul><li>No corrente m&ecirc;s continuaram as
repara&ccedil;&atilde;o das portas corta fogo e respectivas
verifica&ccedil;&atilde;o as mesmas recuperando
algumas.</li><li>Foram colocadas armaduras novas na zona
exteriores e armaduras de emerg&ecirc;ncia nos
estacionamentos.</li></ul>"

Ianko
Telerik team
 answered on 10 Jul 2017
3 answers
306 views
Hi,

When I try drag&drop an item and item goes outside of treeview and "cancel denied" event performed and then I drag it back to treeview I can't be able to drop it again. I attached a video about issue.

Thanks in advance.
Nencho
Telerik team
 answered on 10 Jul 2017
1 answer
152 views

Testing has raised an issue where all of our grids on all of our pages display "No Items To Display" at the top of the grid when we page in IE11. As soon as the mouse is moved on the grid, or the DOM is examined via the developer tools, it disappears.

It looks like IE is not refreshing properly, because when you look in the DOM explorer there is no div or code showing "No Items To Display" in the grid, and when you expand the table in the DOM explorer the message disappears.

Attached is a screenshot.

Is there any fix for this issue or is it a known bug?

 

 

Stefan
Telerik team
 answered on 10 Jul 2017
3 answers
413 views

How can I add or remove columns during runtime in an Kendo UI Angular grid?

Right now I call the ngInit after setting the new columns but it seems like not the best option.

 

Any ideas?

Boyan Dimitrov
Telerik team
 answered on 10 Jul 2017
1 answer
529 views

Hi,

Is it possible to use WebFont Icons (http://docs.telerik.com/kendo-ui/styles-and-layout/icons-web) as icons for TreeView?

I noticed that it’s possible to add css classes with spriteCssClass, but “spriteCssClass: "k-icon k-icon-folder” is not working for me.

Do you know if it’s possible to fix this? It would be neat to use the new icons in the TreeView. 
Dimitar
Telerik team
 answered on 10 Jul 2017
8 answers
684 views

Hello,

I am trying to setup an autocomplete with angular and kendo, using remote datasource.

I have an input field :

<input type="text" kendo-auto-complete  k-data-source="customersDataSource"  k-data-text-field="'name'" k-data-value-field="'id'"/>

And a controller with a scope:

$scope.customers=['adolfo','paolo'];
 
    $scope.customersDataSource={
     
          serverFiltering: true,
          transport: {
              read: {
                  url: "/Customers",
                  type:'jsonp'
              }
          }
      };

If i set $scope.customers in the k-data-source , then autocomplete works, but using $scope.customersDataSource autocomplete does not work.

In firebug it seems there is no call for data.

 

Any suggestions?

 

Stefan
Telerik team
 answered on 10 Jul 2017
2 answers
340 views

We were orginally using the "all" build of kendo UI for our application, but recently started using the the custom compilation Telerik provides with a gulpfile.

We're using a mixing and matching components, using primary the non-mobile stuff, however, we do use the switch, but ever since we changed over to the custom build, we can not longer use the switch component, even though it's included in the build.

It's probably some initialization code that we're not including, but we're not sure.

When we try:

$(element).kendoMobileSwitch( ... )

we get:

Uncaught TypeError: $(...).appendTo(...).kendoMobileSwitch is not a function

 

Here's the gulp command we run to do the custom build:

gulp custom -c autocomplete,binder,button,calendar,color,colorpicker,columnmenu,columnsorter,combobox,core,data,data.xml,dateinput,datepicker,datetimepicker,dialog,dom,draganddrop,drawing,dropdownlist,editable,excel,filebrowser,filtercell,filtermenu,fx,grid,groupable,imagebrowser,list,listbox,listview,maskedtextbox,mediaplayer,menu,mobile,mobile.application,mobile.button,mobile.collapsible,mobile.drawer,mobile.loader,mobile.scroller,mobile.scrollview,mobile.shim,mobile.view,mobile.switch,multiselect,notification,numerictextbox,ooxml,pager,panelbar,popup,progressbar,reorderable,resizable,responsivepanel,router,selectable,slider,sortable,spreadsheet,tabstrip,timepicker,timezones,toolbar,tooltip,touch,upload,userevents,validator,view,virtuallist,web,window

Christopher
Top achievements
Rank 2
Iron
 answered on 07 Jul 2017
2 answers
271 views

Hello 

On dragging items inside a KendoUI treeview I need to know (while dragging) what the parent is of the dropTarget. Depending on that I will set the statusClass (whether its allowed to drop the dragged item or not).

The problem I run into is the fact, that e.dropTarget can return 2 different elements on statusClass insert-middle, insert-up and insert-down.

The first return element looks ok to me:

<span class="k-in">Entry 2</span>

The second one returns a DIV with no relation to where the dragged element will be dropped:

<div class="k-i-drag-and-drop" style="visibility: visible; top: 81px; left: 16px;">
  ::before
</div>

With this DIV element I have no relation to where the dragged element will be dropped and therefore I can't set the statusClass properly.

The attached file shows a simple example of a treeview with 3 items. Drag the third element between the first and second item. The console output will show you the above described output elements while smoothly drag the third element between the first and second item. Same problem on dragging to insert-up and insert-down areas.

Is there a way to ensure I always get a tree item element back?

Regards

 

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 07 Jul 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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?