Telerik Forums
Kendo UI for jQuery Forum
1 answer
244 views

Hi,

I have a grid with row selection enabled, scrolling enabled and 2 sticky rows on the right side - many other options besides but these are not relevant here.
Using the Sass themes with the latest patch, 2023.1.314, and selecting a master row, then scrolling the row horizontally so the row data slips under the sticky row cell, the data shows through the sicky row content.  It seems to be OK on the Alt rows though.
This does not happen on ALL themes and swatches, just some - the default-main theme is an example.

I have tried it on the version released prior - 2023.1.117 and this problem is not there.

My actual project allows the operator to change themes/swatches so this would be an issue and limit the themes I could make available.

Is this by design?

I do not really want to start modifying themes if I can help it, is there a simply work around so all themes could be used without this 'feature'?

Dojo example lifted directly from your demos here: https://dojo.telerik.com/upeVIwil and I have included an example in text form and screen shots.

Many Thanks

Nikolay
Telerik team
 answered on 06 Apr 2023
2 answers
276 views

I have a treelist with scrolling and locked columns. Unfortunately, when the screen is wide enough to display all of the columns, the grid doesn't expand to fit the headers as seen in the included screenshot. Also, when I do expand the columns past the max height of the grid, I do not get a scrollbar and the ones below get cut off. Can you help with this? This same table works in a grid (minus the expansion piece, hence converting to a treelist). It does appear there is a scrollbar but it is outside of the table's viewable area. 

Here is a dojo: https://dojo.telerik.com/@dojolee/oraQASED

Attached is an image of what I am seeing on my site.

Here is my code: 

$("#tileTable").kendoTreeList({
            dataSource: {
                data: treeDataSource,
                schema: {
                    model: {
                        id: "hierarchyId",
                        parentId: "parentHierarchyId",
                        fields: {
                            parentHierarchyId: {
                                type: "string",
                            }
                        }
                    }
                }
            },
            sortable: false,
            columns: columns,
        }).data("kendoTreeList");

Angel Petrov
Telerik team
 answered on 05 Apr 2023
1 answer
192 views

I have a kendo treelist and need to include a column menu to show or hide columns. My column headers have classes applied to them on initialization via the headerAttributes option. After hiding a column, the remaining columns' headers lose their classes. This is duplicated in the attached dojo. Notice last name is in blue. When you hide first name using the 3 dot menu, Last Name turns black. I have tried the same thing with a kendoGrid and it works as expected. Something is off with the TreeList. How do I fix this? Note that while my example here uses text color, using a template won't solve my real issue as I need the class applied to the header cell itself so I can center the content and other stuff. 

https://dojo.telerik.com/ALeLiZUV

In troubleshooting, I noticed that grid.columns is not returning headerAttributes.class for the treelist when calling $("#myGrid).data("kendoTreeList").columns for the tree list but it is when calling $("myGrid).data("kendoGrid").columns for the grid. I'm attaching images from my own project of the two returns (Note that they are from different instances which is why the other data is not the same in the two screenshots nor do they go with the dojo.)

Martin
Telerik team
 answered on 04 Apr 2023
1 answer
249 views

Hello Team,

I have run the FastPass on the kendo control present at the below URL and found the a11y issues.

https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes

https://demos.telerik.com/kendo-ui/dropdowntree/index

Please check the below images

On fixing one of the issues(adding aria-label attr) shown in the above image, new a11y issues are coming as shown in the below image. 

On fixing the above one as well, new a11y issues are coming,

Please let me know how can we fix this problem?

 

Thanks & Regards

Karan

Karan
Top achievements
Rank 1
 updated question on 04 Apr 2023
0 answers
118 views
I tried to insert a Treemap for static data.. but while calling the function using the native element of html tag it says (...).kendoTreeMap is not a function. This error occurs even when I tried using jquery.

This is my code ...

Treemap.component.ts

 async initializaer(){
    this.treemap.nativeElement.kendoTreeMap({
      dataSource: {
        data: [{
          name: "Root",
          items: [{
            name: "Group A",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }, {
            name: "Group B",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }]
        }]
      },
      autoBind: false,
      valueField: "value",
      textField: "name",
      colors: [["#ff6666", "#ff0000"], ["#7fb17f", "#006400"]]
    });
Sriram
Top achievements
Rank 1
 updated question on 03 Apr 2023
2 answers
197 views
I have web application in which there is expandable menu on the left side shown in image. On expanding or closing side menu scheduler events are move on to another slot (basically all events shifting little bit from starting point of slots). Any solutions for this. i am using kendo mvc for .net.
Anton Mironov
Telerik team
 answered on 31 Mar 2023
1 answer
94 views

My dataSource change handler is getting an event with with e.action set to itemLoaded, which is not one of the defined values in the API documentation.

I am wondering if this is a valid event action that I can target and the documentation is not correct, or if this is something else like a bug.

Here is a dojo. If you run it and expand the item, in the browser console you will see a couple events, the last of which is the itemLoaded event.

Georgi Denchev
Telerik team
 answered on 31 Mar 2023
1 answer
174 views

Good day, 

When I'm dragging a row, if I hover over the insert indicator on the left of the grid it causes the tooltip (and sometimes the whole row) to flicker/flash, Ive noticed this issue exists on the tutorial page too, is there a work around for this?

The tutorial I used: https://demos.telerik.com/kendo-ui/grid/drag-drop

Kind regards

Chris

Neli
Telerik team
 answered on 31 Mar 2023
1 answer
138 views
Hi Guys

Have just tripped over an issue while testing the latest 2023.1.314 release whereby the TreeList expand/collapse graphics are now rendered using SVGs rather than Font Icons and completely ignore the

        kendo.setDefaults('iconType', 'font');

setting.

This undocumented breaking change means we can no longer easily replace the graphics used for expand/collapse via CSS like the following

        .k-i-expand:before {
             content: "\e11e";           // .k-i-plus
        }
        .k-i-collapse:before {
             content: "\e121";           // .k-i-minus
        }

which we use extensively across our site to give a consistent look and feel with other non Kendo UI components.

Therefore I would be most grateful if you could investigate and advise on the following:

a) Are Font Icons now deprecated and we can expect further places where their will be swapped out in favour of SVGs without warning?

b) Is this a regression/bug and the expand/collapse graphics should adhere to the 'icontype' setting and will be fixed in the next release?

Regards
Alan
Neli
Telerik team
 answered on 31 Mar 2023
2 answers
521 views

Hello, I'm trying to prevent chat posting, I mean when user click send button (or type keybord enter) I want in some cases to prevent the post of the message.
Something like this is not working (the message is posted in chat)

$("#chat").kendoChat({
    post: function(e) {
        e.preventDefault();       
    }
});

Is that a bug? Or there is a different approach to accomplish this task?
Thanks,
Mattia

Jeff
Top achievements
Rank 1
Iron
 updated answer on 30 Mar 2023
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?