Telerik Forums
Kendo UI for jQuery Forum
1 answer
234 views

Hi

Take a look at this example:

http://dojo.telerik.com/IQuLu

I want a chart with 2 linjes, the value of the first line should be "hard coded" to 14-17. The other line is dynamic and the values will always be between 14 and 17.

As you can see in the example the chart is doing some weird stuff with the x-axis.

Can you help me understand why the chart is doing this?

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 09 Jan 2017
1 answer
109 views

When I have a grid with selectable: true, how do I know the last row user have selected in change event? 

Note that I don't want - and I should'n - have to bind any other event in the dom to achieve that. Can I make it only with widget's native change event ?

Thank you.

Eduardo Serra
Telerik team
 answered on 09 Jan 2017
1 answer
259 views

Hi, 

What is the best way to go about initializing many kendoUI widgets on a single page without the browser flashing the code html before rendering the widget?

Below is a simplification of my page structure.

thanks in advance,
Grant

<html>
    <head>
        <!-- Script imports -->
        <script type="text/javascript">
            $(function() {
                //1. Initialize Grid DataSource
                //2. Initialize Grid
                //3. Initialize view Window
                //4. Initialize form Window
                //5. Initialize 3-4 buttons
                //6/ Initialize kendo validator
            });
        </script>
    </head>
 
    <body>
        <div id="grid"></div>
 
        <div id="window-view"></div>
        <div id="window-form"></div>
    </body>
</html>
Marin Bratanov
Telerik team
 answered on 09 Jan 2017
4 answers
205 views
In the example below, taken from the Kendo site, how does the dataSource itself get populated? 
var dataSource = new kendo.data.DataSource({
  transport: {
    read: function(options) {
      // make JSONP request to http://demos.kendoui.com/service/products
      $.ajax({
        dataType: "jsonp", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
        success: function(result) {
          // notify the data source that the request succeeded
          options.success(result);
        },
        error: function(result) {
          // notify the data source that the request failed
          options.error(result);
        }
      });
    }
  }
});
dataSource.fetch(function() {
  console.log(dataSource.view().length); // displays "77"
});
Nothing in this example seems to indicate how the data source would get populate if the ajax call succeeds? 
Boyan Dimitrov
Telerik team
 answered on 09 Jan 2017
2 answers
188 views

I'm trying to add a delete option in the header of the dropdownlist.

 

$scope.layoutOptions = {

 headerTemplate: '<div data-ng-if="selectedLayout.id < 0" class="dropdown-header k-widget k-header"><a href="" data-ng-click="deleteLayout(instance)">Delete    {{selectedLayout.description}}?</a></div>'

}

This are my options (inside an AngularJs controller). Is there any way to pass the selected value (dataItem) to my function deleteLayout?

Marc
Top achievements
Rank 1
 answered on 09 Jan 2017
5 answers
171 views

Hello,

 This is My gantt config Object

$scope.ganttOptions = {

dataSource: tasksDataSource,
views: ["day",{type: "week", selected: true},"month"],
footer: false,
columns: [
{field: "title", title: "Title", editable: true},
{field: "assignedTo", title: "Assigned To", editable: true}
],
toolbar: [
{name: "append"},
{name: "pdf"}
],
height: 400,
add:addTask

}

 

How to add Custom Task  and Highlight it?

I am using this function

function addTask(e){
var number= Math.floor((Math.random() * 5000) + 1);

e.preventDefault()

if(e.task.parentId){

var customTaskObject = {
"id": number,
"parentId":e.task.parentId,
"title": "Sample Child Task",
"start": e.task.start,
"end": e.task.end,
"summary": false,
"expanded": true,
"PercentComplete":"",
"originalTaskObject":"",
"orderId": e.task.orderId
}

}

else{
console.log("No Parent Selected")
parentTaskId=0;
var customTaskObject = {
"id": number,
"parentId":null,
"title": "Sample Task",
"start": e.task.start,
"end": e.task.end,
"summary": false,
"expanded": true,
"PercentComplete":"",
"originalTaskObject":"",
"orderId": e.task.orderId,
}

$scope.gantt.dataSource.add(customTaskObject)
}

The Above code is adding the Task only in the last position even after selecting "Add Above" option.

What is the issue here? and how to highlight the latest added task (I tried Select method by getting index value..but it is not highlighting the correct task).

 

PS:Without e.preventDefault() method it is working absolutely fine,but i want to add Task through controller with custom field names.

 

 

 

Veselin Tsvetanov
Telerik team
 answered on 09 Jan 2017
14 answers
2.9K+ views
<div class="k-animation-container" style="width: 397px; height: 24px; margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; overflow: visible; display: block; position: absolute; top: 276px; z-index: 10002; left: 399px;">
    <div role="tooltip" class="

MY_CLASS_ADD 

k-widget k-tooltip k-tooltip-closable k-popup k-group k-reset k-state-border-down"
data-role="popup" style="display: block; position: absolute; -webkit-transform: translateY(0px);" id="my_id_tooltip_tt_active">
     
        <div class="k-tooltip-button"><a href="#" class="k-icon k-i-close">close</a></div>
        <div class="k-tooltip-content">my message</div>
        <div class="k-callout k-callout-s" style="left: 195px;"></div>
         
    </div>
</div>
how to add a class in the tooltip?
Dimiter Madjarov
Telerik team
 answered on 09 Jan 2017
2 answers
342 views

The date picker dropdown was working correctly until I updated JQuery from version 2.2.3 to 3.1.1.  Now I'm getting this error when clicking on the date picker dropdown icon: 

jquery?v=o2U6t4rMgqClQ3uJM8HbPM_wIXeGzahdJeO9fh-Xrbs1:1 Uncaught TypeError: r.getClientRects is not a function
    at s.fn.init.offset (jquery?v=o2U6t4rMgqClQ3uJM8HbPM_wIXeGzahdJeO9fh-Xrbs1:1)
    at init._position (kendo-js?v=uA5K1yopyLG1t7MMuD-Uelq9fONL8E_b_NOc9fe9Trw1:1)
    at init.open (kendo-js?v=uA5K1yopyLG1t7MMuD-Uelq9fONL8E_b_NOc9fe9Trw1:1)
    at l.open (kendo-js?v=uA5K1yopyLG1t7MMuD-Uelq9fONL8E_b_NOc9fe9Trw1:1)
    at l.toggle (kendo-js?v=uA5K1yopyLG1t7MMuD-Uelq9fONL8E_b_NOc9fe9Trw1:1)
    at init._click (kendo-js?v=uA5K1yopyLG1t7MMuD-Uelq9fONL8E_b_NOc9fe9Trw1:1)
    at HTMLSpanElement.r (jquery?v=o2U6t4rMgqClQ3uJM8HbPM_wIXeGzahdJeO9fh-Xrbs1:1)
    at HTMLSpanElement.dispatch (jquery?v=o2U6t4rMgqClQ3uJM8HbPM_wIXeGzahdJeO9fh-Xrbs1:1)
    at HTMLSpanElement.a.handle (jquery?v=o2U6t4rMgqClQ3uJM8HbPM_wIXeGzahdJeO9fh-Xrbs1:1)

Any help is appreciated.

 

Stephen Lee

 

Dimiter Topalov
Telerik team
 answered on 09 Jan 2017
3 answers
737 views

When downloading the latest version, the src folder has a README with the following message:

 

Starting from the 2016.2 release the source code is distributed as separate packages.

Look for the *.source.zip packages in your account.

 

I have searched high and low for the elusive "*.source.zip" file but have not yet found it. Where can I download Kendo source files?

 

Thanks!

 

Kiril Nikolov
Telerik team
 answered on 09 Jan 2017
7 answers
564 views

Hi, 

We are exploring the charts for MVC. PFA the attached Image one is bubble chart and another is bell curve chart. I am facing problem while adding the text between the bubbles as shown in image.For Second Chart I did not see any example related to this type of chart. 

 

Regards, 

Nitin Jain

Danail Vasilev
Telerik team
 answered on 09 Jan 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?