There is a global option on the grid called resizable that, when true, makes all columns resizable.

I want some of my columns to be fixed, in other words to disable resizing on those columns. I tried intercepting the columnResize event, but that only fires after the column has been dragged to a new size.

How can I disable resizing of particular columns?

Hello.

I'm trying to allow users to choose the mouse left click and drag behavior.

The default behavior of mouse left click and drag is selecting shapes and connections.

But I want the user to choose to select shapes and connection or pan the diagram using mouse left click and drag.

I found a thread about this, and I used diagram.scroller.enabled = true to change the mouse left click and drag behavior.

But there are some minor issues.

First issue is the mouse cursor. I want the mouse cursor to be the grab cursor, but it looks like diagram forces the cursor to be pointer.

I tried changing the cursor manually after the diagram is initialized, but it looks like the cursor inline style changes whenever the mouse hovers the diagram.

How can I change the cursor?

Another issue is the selection rectangle is still being rendered when diagram.scroller.enabled is set to true.

As you can see in the attachment, when diagram.scroller.enabled is true, and mouse left is clicked and dragged, the diagram pans as expected, but it renders a small selection rectangle. 

How can I remove this selection rectangle? when diagram.scroller.enabled  == true?

Or is using diagram.scroller.enabled the right way?

Thank you!

Hi, 

I just started looking on how to implement timeline widget in our app.

I would like to show multiple lifetime events in timeline but with different styling on the line, for example:

orange circle: achievement type 1
red circle: achievement type 2
blue circle: got child 
blue circle: got second child

I went through documentation but I don't see much options that might help with this.

Are there any suggestions how to achieve this?

Thanks and regards

Hello,

First of all, my environment is Angular10, gantt uses Kendo widgets (kendo.custom.min.js), version is 2020.3.1118
I customized a button (Add Child) on the screen. After I added a subtask,then immediately move the newly added task to the inside of another task (+ this type of movement), and then an error (e.taks = undefined), e.task cannot get the value, only in this case an error message will appear, and other moving methods will not appear.

In addition, if I add a task, F5 refreshes the page and moves the task, the above problem will not occur.

The general reason I investigated is because the id of the newly added task is assigned a value of 999. If it is not assigned, there will be no error.

This is the method of my Add Child button:

Hi,

We had been using kendo spreadsheet with heavy load of data around 200+ columns and 500+ rows on one sheet. Each cell width and height is around 10 - 15px respectively which we want user to overview their data. Hence, displaying and rendering a lot of cells of data which will cause overloading of memory and performance. The problem is we also keep fetching and rendering the data from server after some modification. This causing the website will drop framerate and causing the website "not responding" for few seconds.

Is there any solution to render the spreadsheet "smoother"? And we are thinking of solution to render the spreadsheet at the background but not sure how. OR is there other solution or component to load this heavy load of data? Any solution is welcome.

Thanks,

Fungus.

Hi,

in my website I need the bootstrap.min.css, v3.3.6.

Now I want use the Filter Multi Checkboxes, but the formatting between checkboxes and text is not correct with:

see dojo: https://dojo.telerik.com/eVaqEkOV and click on a filter symbol.

Is there a solution to add bootstrap.css v3 and get correct formattion of the text of the Filter Multi Checkboxes?

Best regards,

Peter

How can i use DataSource in RadioGroup instead of static data items ?

In below code instead of hard coded items i want to use the Datasource so that the Radio optoion get rendered based on data returned by API.

                       {
                        field: "RadioGroup",
                        editor: "RadioGroup",
                        label: "Select User:",
                        validation: { required: true },
                        editorOptions: {
                            items: [{"label":"Admin","value":"1"}, {"label":"Admin 2","value":"2"},{"label":"Admin 3","value":"3"}],
                            layout: "horizontal",
                            labelPosition: "after"
                        }
                    }