Telerik Forums
Kendo UI for jQuery Forum
2 answers
118 views

Hello,
We recently updated to kendo 2015.1.429 and found out the following problem - in some of our bar charts the drawn chart width is much more bigger than the defined one. In the attached image you can see we defined the chartArea width of 600. In the right side of the image you can see that Chrome drew an much much wider svg.

Notice that not all of our charts were impacted like this, but we fail to see the difference between those charts that still work well and those that no longer work as expected following this update.

We did manage to restore this problem and you can experience it using the following link:
http://dojo.telerik.com/aQumu

Please advise.
Thanks,

Ron.

Ron
Top achievements
Rank 1
Veteran
 answered on 17 May 2015
0 answers
79 views

I would like make a char look like image.

Is it possible?

Oliver
Top achievements
Rank 1
 asked on 16 May 2015
6 answers
677 views

I'm trying to use a single datetime field from my JSON to fill the date and time in separate areas of my template, and it's not working.

Here's an example of the JSON:

{"Course": {
    "Name":"Test Course",
    "ChapterData":[{
        "Name":"Module 1",
        "TaskData":[{
            "Name":"Module 1 Task 1",
            "CompletedDate":"05\/12\/2015 19:25:43"
        }]
    }]
}}

And here's where I'm trying to format and display the information:

<i class="fa-icon-check mar-rt-sm"></i>#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'dd-MMM-yyyy') #
<span class="hidden-xs">#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'h:mm tt') #</span>

Instead of seeing "12-May-2015" for the date and "7:25 PM" for the time, I'm seeing the full datetime string, completely unformatted, in both areas (ie. 05/12/2015 19:25:43). I tried modifying the JSON to pass back separate date and time fields and that didn't work either.

Ashleigh L
Top achievements
Rank 1
 answered on 15 May 2015
1 answer
155 views
Hi,

I'm having trouble getting saveChanges() to work correctly when both my main grid and detail grid consist of related, editable data.

I have data coming back from an API that looks something like this:

var originalDataset =
[  
    {
    "id" : "uuid1",
    "editableParentField" : "someParentValue",
    "nonEditableParentField" : "someParentValue",
    "children" : [
                    {
                        "editableChildField" : "someChildValue",
                        "nonEditableChildField" : "someChildValue"
                    },
                    {
                        "editableChildField" : "someChildValue",
                        "nonEditableChildField" : "someChildValue"
                    }
                ]
    },
    {
    "id" : "uuid2",
    "editableParentField" : "someParentValue",
    "nonEditableParentField" : "someParentValue",
    "children" : [
                    {
                        "editableChildField" : "someChildValue",
                        "nonEditableChildField" : "someChildValue"
                    }
                ]
    }
]

I need to display the parent fields in my main grid and each of the children in the detail grid for each row. 

The data is retrieved prior to my grid instantiation and stored in an ObservableArray, later used to create the DataSource for my grid. 
I wasn't sure how to preserve the editable properties when using a Node definition for a HierarchicalDataSource and so I have a Model defined similarly to this:

var ParentObject =
        kendo.data.Model.define({
            id: "id",
            fields: {
                    "editableParentField" : { type: "string", editable: true},
                    "nonEditableParentField" : { type: "string", editable: false}
           }
        });
  
var ChildObject=
        kendo.data.Model.define({
            fields: {
                    "editableChildField" : { type: "string", editable: true},
                    "nonEditableChildField" : { type: "string", editable: false}
           }
        });


Given that I can't define an Array of ChildObjects in my ParentObject definition (this may be the root cause for my issue), I'm using the following approach to produce my DataSource's data (I'm using Angular):

$scope.observableArray = new kendo.data.ObservableArray([]);
 
angular.forEach(originalDataset, function(value, key){
        var parentObject = new ParentObject(value);
        var children = [];
        angular.forEach(originalDataset.children, function(value, key){
            var childObject = new ChildObject(value);
            children.push(childObject);
        }
        parentObject.set("children", children); // ParentObject now has an array of ChildObjects.
        $scope.observableArray.push(parentObject);
});


My main grid then uses $scope.observableArray as its DataSource's data, and the detail grid uses "dataItem.children" - this works fine in terms of displaying my data with the correct editable fields but I'm having the following troubles with the editing itself:

1) Cells in my detail grid are automatically saved on edit, rather than staging batches (this is actually fine in my case but still unexpected I think).
2) If I begin editing a row in the main grid, I then see the batch editing functionality for that row's detail rows. However, saveChanges on the detail grid does not work.
3) If I edit a row in the main grid in isolation, I get batch editing functionality, however saveChanges does not work.

In both cases where I say "saveChanges doesn't work," I get the following error:

Uncaught TypeError: Cannot read property 'editableParentField' of undefined.

I believe this is to do with my Model definition and the hacky approach for creating my ChildObjects, so if you could advise on the best approach for data of this structure in order to use batch editing correctly that would be great.

Thanks,

Reece
Alexander Popov
Telerik team
 answered on 15 May 2015
6 answers
238 views
I didn't find any example of the chart as the one i attached here. Is that possible to build it by dataviz?

Thanks.
Iliana Dyankova
Telerik team
 answered on 15 May 2015
9 answers
2.2K+ views
I am utilizing the comboBox as part of my mvvm application. The comboBox is getting the data bind value from a complex object that is set as a property within the vm. Everything appears to show up visually. However, I noticed whenever I switch the selected option in my UI, I get an error of "Uncaught TypeError: n.get is not a function". However, whenever I remove the data bind value from my code (leaving just the source), there is no errors thrown at all. I don't quite understand this error and why it would be throwing it.
Georgi Krustev
Telerik team
 answered on 15 May 2015
2 answers
1.5K+ views

Hello,

I have an ASP.NET WebForms application rendering a DataGrid. I need to extend it with a Quick-Edit function and I decided to use a kendo.UI window for this task. I've been using them before in the application without any problems. But on this particular page I can't get it centered correctly. I have no CSS assigned to the div (window). I've tried changeing the location of the div in the markup without any effect.

What happens: I click on the button to open the window and the window scrolls the page down a lot and then pops up the window at the bottom of the visible area. If you are at the bottom of the page, the page also gets scrolled down (into an area not visible/there normally).

This is the declaration of the window:

$(function () {
    dialog_QuickEditUsedBike = $("#dialog_QuickEditUsedBike").kendoWindow({
        title: "",
        actions: [
            "Close"
        ],
        modal: true,
        draggable: true,
        resizable: false,
        visible: false
    });
});

And this is how it is opened: 

dialog_QuickEditUsedBike.data('kendoWindow').center();
dialog_QuickEditUsedBike.data('kendoWindow').open();

The other markup is rather complicated. I'd rather send you login data to the page, so you can take a look at it live, if that is fine with you.

Kind regards,

Krisztian

Michael
Top achievements
Rank 2
 answered on 15 May 2015
1 answer
395 views
I need a way to run multiple versions of kendo on a single page. Is there an equivalent feature to jquery.noConflict? I have a large codebase written against 2014.1.318, but this version has some issues with scheduler. I'd like to use 2014.3.1411 for scheduler control, and 2014.1.318 for everything else. Is this possible?
Kiril Nikolov
Telerik team
 answered on 15 May 2015
5 answers
135 views

Hi, recently I'm just want to change all jqGrid to kendo Grid, but i'm not sure if kendo grid can do things like customized color for header columns or cells. Please see the attached screenshot.

 The requirements is like we need display  color dynamic and gradient with the cell data. For example if the data is in range of -100,0 the background should display in red and gradually change to yellow, if it's in range of 0,100 it's yellow and gradually change to green. 

if you guys can create an example it will be great.

Kiril Nikolov
Telerik team
 answered on 15 May 2015
1 answer
10.7K+ views

I've got a dropdown created as a select in a template:

<select id="groupby" class="content-box text-left">
    <option value="Default"><cfoutput>#APPLICATION.LC.getValue("GroupByDropdown")#</cfoutput></option>
    <option value="Category"><cfoutput>#APPLICATION.LC.getValue("CourseCategoryDropdown")#</cfoutput></option>
    <option value="Group"><cfoutput>#APPLICATION.LC.getValue("GroupDropdown")#</cfoutput></option>
</select>

I need to keep it like this in order to be able to use our multi-lingual system for the options (seen above, the "APPLICATION.LC" bits).

I'm trying to set the selected value as shown in the API example (http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-value), but I keep getting a Javascript error.

$("#groupby").kendoDropDownList(); 
$('#groupby').data("kendoDropdownList").value("Group");

 

TypeError: $(...).data(...) is undefined
$('#groupby').data("kendoDropdownList").value(group_by);

I'm guessing that is is because I'm just "kendo-izing" a dropdown, versus filling it via a datasource like in the example.

So, how would I go about setting the selected value with my set up?

Kiril Nikolov
Telerik team
 answered on 15 May 2015
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?