Telerik Forums
Kendo UI for jQuery Forum
2 answers
552 views

Hi,

I am using kendo's Gantt chart. But I unable to achieve few things using the existing Gantt chart features.
Following are the features I request should be provided for Gantt chart:

  1. Multiple tasks/milestones in a row.
  2. Multiple rows for a parent task.
  3. If space is not available in preceding row(s), overlapping tasks should be moved to next row.
  4. User should be able to provide start date for the quarter in a fiscal calendar.

    Ex: If user give 01st-June as the start date, then Q1 should start from 01st-June. Hence, quarters will be defined as: Q1(June-Aug), Q2(Sept-Nov), Q3(Dec-Feb), Q4(Mar-May)

  5. If task label is exceeding the width of the task, then height of the task should be increased to accommodate task label(in other words, text should be wrapped).

  6. Different color for each task.

Ivan Danchev
Telerik team
 answered on 17 Jun 2019
3 answers
619 views

I'm working on a page that will load the entire data of the entire week (the 7 days).
And when the user changes the week I'll load the data only for that week.

But if the user clicks the link of the day (highlighted in red in the attached image), the "read" method is executed again.

I would like to show the date, but disable the link.
I did this with jquery, but when the user changes week, this is lost.

Is there a way to do this?

 

 

Petar
Telerik team
 answered on 17 Jun 2019
1 answer
191 views

Hello,

I would like to use Editor in Microsoft Dynamics CRM. The problem is that the CRM server doesn't support TTF files, which are used for rendering icons. We have a cloud version of Dynamics CRM, so we don't have access to IIS and thus can't set IIS properties to allow TTF files.

Is there any workaround for this? Or do I have to use older versions of Editor, which use sprite images instead of TTF files?

 

Thanks,

Boris.

Petar
Telerik team
 answered on 14 Jun 2019
1 answer
97 views

I have the need to perform ajax request when editing, and update some of grid values. When grid is navigetable , after using set on a row ( after the editor closed ) the grid looses current editing position and goes to first cell.

https://dojo.telerik.com/UQEMOWiC/3

In this example I have an editor of numerictextbox, I have a change function which sets values for 2 other fields but I use timeout to set them.

When I do that it always focuses the first cell which is not a behavior I want.

The reason I use setTimeout in my example is to simulate a server operation before setting the values so I need a little delay, which means that the editor has already closed thus the resulted behavior.


Viktor Tachev
Telerik team
 answered on 14 Jun 2019
2 answers
180 views

I'm developing a page where I'm using Sheduler to show some daily activities.
And I noticed strange behavior.

When I change an activity from one day to the next, the script should call update by passing the selected item.
But at the first time it is calling the "create" by passing an array with all the items (including what was modified). Being that of the second time on, it calls the "update" passing only the selected item (desired behavior).

Is this a normal behavior or is it possible to modify to call the update by passing only the item that has been modified at all times?

$("#scheduler").kendoScheduler({
            date: kendo.date.today(),
            footer: false,
            selectable: true,
            timezone: "Etc/UTC",
            views: [
                { type: "week", selected: true }
            ],
            dataSource: {
                batch: true,
                transport: {
                    read: function (e) {                       
                        $.ajax({
                            url: '/Lab/ProductionScheduling/Get_List/',
                            dataType: "json",
                            success: function (result) {
                                e.success(result);
                            },
                            error: function (result) {
                                e.error(result);
                            }
                        });
                    },
                    update: function (e) {
                        console.log('Update...');
                        console.log(e.data);
                        e.success();
                    },
                    destroy: function (e) {
                        console.log('Destroy...');
                        e.success();
                    },
                    create: function (e) {
                        console.log('Create...');
                        console.log(e.data);
                        e.success();
                    }
                },
                schema: {
                    model: {
                        id: "TaskID",
                        fields: {
                            taskId: { from: "TaskID", type: "number" },
                            title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                            start: { type: "date", from: "Start" },
                            end: { type: "date", from: "End" },
                            startTimezone: { from: "StartTimezone" },
                            endTimezone: { from: "EndTimezone" },
                            description: { from: "Description" },
                            recurrenceId: { from: "RecurrenceID" },
                            recurrenceRule: { from: "RecurrenceRule" },
                            recurrenceException: { from: "RecurrenceException" },
                            ownerId: { from: "OwnerID", defaultValue: 1 },
                            isAllDay: { type: "boolean", from: "IsAllDay" }
                        }
                    }
                }
            }
        });

 

In the attached images are the results of operations.
The first time I move a day item (create.png) and the second time I move the item (update.png).

 


ziental
Top achievements
Rank 1
 answered on 13 Jun 2019
5 answers
1.3K+ views

Look at this dojo

https://dojo.telerik.com/@foxontherock/imObiluK

"fld3" is a special field based on array, and the "sort" is configured to sort sort by array.length.

That's why we used the column attribute sortable.compare (function).

It works fine when we click on the grid header, from single or multiple sortable configuration.

But, when we sort it from code, using the kgrid.dataSource.sort(...) method, the custom compare function is not executed.

There's a grid databinding, The up-down arrow on top of the grid column is moving according to the "direction", but the data doesn't move.

In the dojo, sort on fld3 column, and switch the "direction" attribute in the "json textbox" between "asc" and "desc", and click the "set" button.

You'll see the arrow moving, but not the data. 
And the fld4 timestamp column is not changing, proof that the compare function is not executed.

Thank you

Viktor Tachev
Telerik team
 answered on 13 Jun 2019
3 answers
167 views

Hi,

I'd like to fully bind in MVVM all the options of a kendoGrid widget in one single object coming from viewModel instead of all data-* options.

i tried to extend a custom binding like that

http://dojo.telerik.com/EnOzUxIg/2

it seems it works except for toolbar rendering.

1) Why didn't you think/develop this simply one-object binding by default?

2) What is wrong in my dojo sample?

thanks

Angel Petrov
Telerik team
 answered on 12 Jun 2019
1 answer
400 views
Does 1.7 version is supported ? In the demos I see only 2.* links for pdf.js and it's worker. 
Dimitar
Telerik team
 answered on 12 Jun 2019
1 answer
125 views

Hi there,

I have posted a reply from this thread Scrollbar is missing after filtering the grid

I was wondering if anyone out there could help me with my issue?

Any help is greatly appreciated.

Cheers,

Junius

Viktor Tachev
Telerik team
 answered on 10 Jun 2019
1 answer
105 views

Hi

I'm creating a custom async function that for some reason bugs out the spreadsheet. 

The first few calls work fine, but after a while, the args passed are not the values of the cells, but the code of the cells. I had to use the raw function to test it out. This is what I mean, on the spreadsheet it goes like =getdata(B1,"name",C4,"a") for instance. Which should call the function with values from cell B1 and C4, correct?

Well, it does, for a few calls. Then suddenly it's not the value of B1 what is passed into the call, but "B1" itself. 

I wrote this simple test that will print out the error.

You can see it running at:

http://valuation.joaquingrech.com/test

kendo.spreadsheet.defineFunction("getdata", function (callback, args) {
                try {
                    var name = args[1];
                    var date = args[2];
                    var ar = json[name];
                    var mindate = 2012;
                    if (ar.constructor === Array) {
                        var index = Number(date) - mindate;
                        callback(ar[index]);
                    }
                    callback(ar);
                } catch (e) {
                    if (!displayed)
                        alert('error args:'+args+' error:' + e);
                    displayed = true;
                }
            });

 

so how do I fix it?

 

 

Veselin Tsvetanov
Telerik team
 answered on 10 Jun 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
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?