Provide a built-in column menu component (like in the Grid and TreeList) for the base column menu functionalities - filter, sort, sticky. This way, custom column menus can be easily created when you want to keep some of the default options.
Right now, I need to create all components, even those for filter and sort, from the ground up, but available as:
kendo-grid-columnmenu-filter
kendo-grid-columnmenu-sort
is the Grid.
Hello,
I would like to request a way to have the selected/unselected column menu sorted separately from the table's columns.
Here is our table which demonstrates the current behavior.
When first rendered on the page:
After re-arranging the columns:
However, it'd be nice to have the column menu sorted separately from the table's columns. Thank you.
Would it be possible to add custom input attributes to the slider? https://www.telerik.com/kendo-angular-ui/components/inputs/slider https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/custom-attributes#custom-input-attributes
For accessibility we want to add custom 'aria-labelledby' and 'name' attributes. When we add this to 'kendo-slider' component, nothing is read for it by NVDA.
I am using below piece of code inside <kendo-grid>. Here, I am using a dropdown and kendo excel export button inside toolbar. dropdown is in left and button is right aligned. Earlier, it was working till Kendo 18. When I upgraded to kendo 19, it stopped working.
Root Cause is kendo-dropdownlist contains an array button. When we click on button to expand dropdown, excel export button gets the focus and dropdown loses focus. When we click on dropdown button, 'k-focus' class is applied on 'excel-export'. Because of this, dropdown is not working.
Code:
<ng-template kendoGridToolbarTemplate>
<div class="toolbar-container" style="display: flex; align-items: center; gap: 16px; width: 100%;">
<!-- Dropdown Wrapper -->
<div style="flex-shrink: 0;">
<kendo-dropdownlist [data]="data"
[(ngModel)]="someField" [valuePrimitive]="true" (valueChange)="perform()"
[popupSettings]="{ appendTo: 'component' }" style="width: 175px;">
</kendo-dropdownlist>
</div>
<!-- Spacer to push button to right -->
<div style="flex-grow: 1;"></div>
<!-- Excel Export Button -->
<div style="flex-shrink: 0;">
<button type="button" kendoGridExcelCommand>Export</button>
</div>
</div>
</ng-template>
If a table wraps to the next page on a PDF export, and a column has a rowspan extending to the next page, the rowspan column is not rendered on the following pages. This causes other columns to move left on the next page, so headers and cells do not match anymore.
StackBlitz sample: 6quahnzd (duplicated) - StackBlitz
Based on the feature set of the current jQuery widget - http://demos.telerik.com/kendo-ui/diagram/index
Describe the bug
The Kendo UI DropDownTree has several ARIA errors appearing according to the Axe DevTools.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
There should be no ARIA errors related to the Kendo UI DropDownTree.
Screenshots
Please take a look at the following Screencast related to the issue.
Browser
Hi team,
I am working on a simple UI where kendo combo-box is a "column" of a kendo tree-list. The problem is, the opening and closing of kendo combo-box also expands and collapses the kendo tree-list's row.
I think the event of kendo-combo-box is bubbled to treelist. Is this a bug or am I missing something?
Here's my Stackblitz example for reproducing the issue (Link: https://stackblitz.com/edit/angular-18guak?file=src/app/app.component.ts)
When filter popup is opened, it need to be closed by click outside of it
However, popup is closed only after second click outside.
After popup was opened and closed for the first time - next times everything works correctly, so it can be reproduced only after refreshing the page with this component
It can be reproduced in example in your documentation: https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-custom-filters/
I upgraded today from 4.3.7 to v11 and the dates are 1 day off in the scheduler month view, meaning the date variable from let-date (I think).
<kendo-scheduler
<ng-template kendoSchedulerMonthDaySlotTemplate let-date="date">
...
<div>{{ date | kendoDate : 'dd' }}</div>
<kendo-scheduler
<ng-template kendoSchedulerMonthDaySlotTemplate let-date="date">
... <div>{{ date | kendoDate : 'dd' }}</div>
The date is just flat out wrong. What's weird is the mouseover shows the correct date.
Again, if I use the old version everything works as expected but the v11 update I'm off by one.
Hi,
In Multiselect editor with open state prevented the component stops accepting mouse clicks as a way of moving cursor.
You can find repro here: https://stackblitz.com/edit/angular-u1j1p5-grc1nk?file=src%2Fapp%2Fapp.component.ts
Just copy/paste or type some text and try to change cursor position in word/phrase in order to fix something inside provided word.
I would like to see more responsiveness in the grid. I believe what i understand to be known as stacking could be achieved by additions to the media operator on columns. Thus we could have media=".col-sm-12 col-md-6 col-lg-4 col-xl-3". The underlying code could then use media queries and where the column will not fit on the device without the ugly scroll bar it would wrap the columns in a kendo-grid-span-column directive giving a card-like effect on smaller devices. Of course this may need some columns to be hidden on smaller devices so we could also use the [hidden] directive like so: [hidden]="sm". The next thing you would have to think about would be what to do with column headers when a row is stacked and, again, we could use the [hidden]="sm".
Hi, Team!
Currently, the Output view of the AIPrompt component ignores any of the formatting that is applied to the text it renders and displays it as regular text. However, I want to retain the formatting of the text that was generated by the AI model that I am using.
For this reason, I would like to request the introduction of a designated template that would allow me to control the formatting of the prompts in the Output view.
Hi,
Please add an expression preview property like the one in Kendo UI for jQuery:
https://docs.telerik.com/kendo-ui/controls/filter/expressionpreview
Provide an option to conditionally render checkboxes like the TreeView hasCheckbox callback.
https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#conditional-checkboxes
I used this example to replace the built-in icons of the Kendo UI components. I was able to modify all the icons except the x icon in the Kendo UI Dialog and Window component. The x icon in the Kendo UI ComboBox was replaced as well.
The issue can be seen in this StackBlitz example.
Please provide a built-in option to export the Spreadsheet data into a PDF file.
When setting the color using a function, a TypeScript error will occur because the property expects a value of type string.
Type '(e: SeriesLabelsContentArgs) => string' is not assignable to type 'string'.
The color properties of the Chart components should support a callback to prevent such errors, as this is a valid feature to implement. The current workaround is to skip type checking.
<kendo-chart-series-item-labels
[color]="$any(labelColor)"
>
It would be a useful improvement to the date filtering if developers had the option to exclude the time portion when filtering dates in the Grid.
This can be a property like includeTime with a default value, and the developers can choose to include or exclude it.