Telerik Forums
Kendo UI for jQuery Forum
4 answers
87 views
please fix it finally, was reported a long time ago
Neli
Telerik team
 answered on 29 Jan 2021
7 answers
737 views

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

Nikolay
Telerik team
 answered on 29 Jan 2021
11 answers
351 views

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:

addChildTask(): void {
        // select row
        const currentRow = this.selectedVal;
        if (currentRow) {
            const gantt = kendo.jQuery(this.ganttEl.nativeElement).data("kendoGantt");
            let datas = gantt.dataSource._data;
 
            const childDatas = datas.filter(function (item) {
                return item.parentId === currentRow.id;
            });
             
            let sortOrderId: number = 0;
            if (childDatas.length > 0) {
                sortOrderId = Math.max.apply(Math, childDatas.map(item => { return item.orderId })) + 1;
            }
 
            let addItem: any = {
                // id: 999,
                orderId: sortOrderId,
                title: 'New Task',
                parentId: currentRow.id,
                start: new Date(currentRow.start),
                end: new Date(currentRow.end),
                percentComplete: 0,
                summary: false,
                expanded: true
            };
 
            // kendoui gantt use
            gantt.dataSource.add(addItem);
            gantt.dataSource.sync();
 
            setTimeout(() => {
                const newTask = datas.filter(function (item) {
                    return item.id === 0;
                });
 
                if (newTask.length > 0) {
                    // ID
                    newTask[0].id = 999;
                }
                gantt.refresh();
            })
             
        }
    }
Aleksandar
Telerik team
 answered on 28 Jan 2021
3 answers
509 views

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.

 

Neli
Telerik team
 answered on 28 Jan 2021
2 answers
806 views

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

 

Preslav
Telerik team
 answered on 28 Jan 2021
1 answer
536 views

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"
                        }
                    }

Neli
Telerik team
 answered on 28 Jan 2021
2 answers
1.3K+ views
How can i use DataSource in CheckboxGroup instead of static data items ?

In below code instead of hardcoded items i want to use the Datasource so that the Checkbox get rendered based on data returned by API.

I tried to put "dataSource" element instead of items but no luck

Can you let me know how we can achieve this ?

                 {
                        field: "CheckBoxGroup",
                        editor: "CheckBoxGroup",
                        label: "Select Status:",
                        validation: { required: false },
                        editorOptions: {
                            items: ["English", "Russian", "Spanish"],
                            layout: "horizontal",
                            labelPosition: "before"
                        }
                    }
Neli
Telerik team
 answered on 28 Jan 2021
10 answers
875 views

Hi according to this doco, the grid should be copyable (as per allowCopy field) when "set to true and selection of the Grid is enabled"

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-allowCopy

But in your own Dojo, meant to illustrate the feature, it doesn't work (try copying a cell and check your clipboard):

http://dojo.telerik.com/acedo

I can get it to work, however, if I set the selectable property to just 'row', but 'multiple,row' stops it working.

I think there's a bunch of combination that don't work and some that do.

Do you acknowledge this as a bug, or does the documentation need to be clearer.

 

Preslav
Telerik team
 answered on 27 Jan 2021
2 answers
167 views

I have a TreeList that I am able to load with specified branches opened and rows selected using local data.  However, if I access the same data from a remote source, the TreeList populates correctly but none of the specified branches and rows perform as they should.  I have illustrated this problem at https://dojo.telerik.com/@rswetnam/AtILeDOT.

I believe it may have to do with the fact that the remote data is generating a list while the local data is generating an array - but am unable to figure out how to resolve this.  Any help would be greatly appreciated.  

 

nb - this thread follows up on thread https://www.telerik.com/forums/open-specific-treelist-node-upon-page-load---one-level-deep-only which was successfully resolved.

Roger
Top achievements
Rank 2
Veteran
 answered on 27 Jan 2021
6 answers
576 views

I would like to be have a particular TreeList node open upon page load when the id of the row/node that I want opened was passed in as a parameter and want only first child row opened.  I have cloned  Expand Selected Nodes Example" in the documentation and started this process at https://dojo.telerik.com/@rswetnam/igOwIcUk/8.  

Any help in figuring out how to complete this so that I am able to pass in the parameter (in this case 2 for condiments) instead of clicking on the node I want to expand would be greatly appreciated.

Tsvetomir
Telerik team
 answered on 26 Jan 2021
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?