Telerik Forums
Kendo UI for jQuery Forum
2 answers
295 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
201 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
253 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
124 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
208 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
99 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
183 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
142 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
541 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
1 answer
291 views

Hi,

i have a question regarding the DataSource.

I am using the code below. I don't have it in a separate file but in the <script> tag of the HTML. It's not the entire code either, that would probably be an unnecessary amount here. My problem concerns the valueOrderFinished. Inside the DataSource in the schema, the value is set. That works well, because when I set the innerhtml of #outputtest, the right value is displayed. But when I try to access it outside, in my document ready function, I always get that valueOrderFinihed is undefined. 
What I also don't understand, when I debug this code, it jumps from the transport part of the DataSource directly into my createCharts() function, and then back into the schema part of the DataSource. 

I am really stumped and can't manage to solve the problem... can someone help me?

var showProfile = 0; var valueOrderFinished; [...] var dataSourceOrderFinished = new kendo.data.DataSource({ transport: { read: { url: "Services/OrderServices.asmx/GetCountOrderFinished", contentType: 'application/json; charset=utf-8', type: "POST" }, parameterMap: function (options) { return JSON.stringify({ parameter: options }); } }, schema: { data: function (result) { console.log(result.d.Count); document.getElementById("outputtest").innerHTML = result.d.Count; valueOrderFinished = result.d.Count; }, total: function (result) { return result.d.Count; } } } ); /* */ /* */ /* ++++ Funktionen ++++ */ $(document).ready(function () { console.log("dokument ready"); hideProfileElements(); console.log("Profilelemente versteckt"); valueOrderFinished = dataSourceOrderFinished.read(); console.log("datasource gelesen"); console.log(valueOrderFinished); createCharts(); }); [...]

Neli
Telerik team
 answered on 29 Mar 2023
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?