Add icons for grid filter operators to easily understand current operator (DevExpress example):
Like the SAPUI5 object page control, it is a tabstrip with horizontal orientation of the tab headers but vertical allignment of all tab sections within the tab content container. If the user clicks on one tab header, the tab content container will be scrolled down to the tab section linked to the tab header.
A preview is given in the link below.
Enabling Shift-key zooming in the stockChart produces an exception when the user Zooms.
I was told by T. Tsonev that this feature is not supported in the stockChart.
Here is a example:
We would like to use the Angular DatePicker with Fast Navigation Bar style and would like to change the height and width of the monthly view to expand to the size of the device and show multiple months.
After communicating with support we learned this was not currently possible so we are requesting it be added as a feature.
This is going into a mobile application and we would like to use all of the screen to display a calendar control. If it helps to understand conceptually, it would be similar to the Apple Calendar, on Apple Devices, with a few differences but having the months span the entire screen.
We are looking for a calendar control to work in a mobile app written with Angular and using Cordova to deploy as a native application. Since it's a mobile app, it will need to work on a variety of different devices and we want the user experience to be the same for all.
We are implementing something similar to the Apple Calendar. It will have a weekly view at the time, implemented with an in-house control, and clicking on the Month's Name in the top left will open the monthly view which is where we were hoping to use the Telerik control.
We would like the calendar view to fit to the viewport so you do not see any of the app behind the calendar. If in Portrait view, it should be responsive in width but not display any additional data. It's height should expand to see additional weeks, or months if there's enough room.
We don't know exactly what we'll do for Landscape view yet. One thought is that it should be responsive in height but not display more than one month vertically. It should expand in width displaying additional months if the entire month can fit in the viewport. The latter scenario is open to design changes. It could also be implemented similarly to Landscape view.
We are using a kendo card in our project and we need a virtual scroll similar to the kendo grid scrollable property. I looked at the documentation of the kendo card and couldn't find any reference.
Provide built-in virtual scrolling for Card component.
Many of my users complain that when clicking the the time component in the "empty" space, the focus is automatically set to the minutes area.
See image for example (clicking where the arrow is pointing).
This is very confusing for them and causes them to make a lot of mistakes.
Is it possible to disable this behavior?
We are heavily relying on the use of RegEx masks and the MaskAutoComplete functionality in the Telerik Silverlight components. Currently we are completly rebuilding out application with Telerik Angular 2+ so we are missing this functionality.
For instance what we are trying to achieve is:
- force First letter upper case in lastname after every space in the name. (Silverlight --> Mask="([A-Z]\.)+" MaskType="RegEx" MaskAutoComplete="Optimistic")
- initials all uppercase and automaticly place a . after every letter (Silverlight --> Mask="([A-Z][a-z]+)((\s|\-)[A-Z][a-z]+)*" MaskType="RegEx" MaskAutoComplete="Optimistic")
If there is another way to achieve this in Angular 2+ with the current components that is also fine but I cannot find a way in the documentation.
Currently, it seems impossible to have a global search field that look up into a given number of columns.
The idea would be to: either have a bindable property (like "searchString"), either having just an option to activate a "global search"(and you would add the search component).
It would also be required to be able to provide a list of "fields" to search in.
Obviously, when the search string change, it should reset the paging.
It's something we have to implement again every time we use your Grid(and it's quite hard to make a wrapping component because there is a lot of things to customize. You can check how the global filter is implemented: PrimeNG (primefaces.org)
On click of a label, I want my kendo numeric textbox to have focus, but it is not working. Following is my code.
<label for="kid">Currency</label> <kendo-numerictextbox [attr.id]="'kid'" [format]="formatOptions" [min]="min" [max]="max" [step]="step" [autoCorrect]="true" [spinners]="false" [formControl]="control" [changeValueOnScroll]="false" > </kendo-numerictextbox>
Issue is because, at the run time kendo generates a random ID, and appends that ID to the input box(.k-input) , instead of appending the id given by the user as above. This is causing the issue and focus is not set on input box when clicking in label. Could you please check it and suggest a solution.
I know to associate any Kendo UI component with the Label, template reference variable is the way to go.
<label [for]="numerictextbox">NumericTextBox: </label> <kendo-numerictextbox #numerictextbox> </kendo-numerictextbox>
But what if my label and input box are coming from different components, then this template ref variable approach would not work. So i would suggest kendo to use traditional ID approach to set the focus on input element.
Kendo can use HostBinding property from Angular , to remove ID from kendo-numerictextbox level, and adding the user supplied ID directly to inner input element.
@HostBinding('attr.id') _id = null; @Input() id?: string;
The Scheduler recurrence editor numeric inputs automatically change leading 0 inputs via keydown or pasting to 1's or empty values.
Extend the ability to disable the mandatory autocorrection for all recurrence editor inputs so any numeric value can be entered.
When the chart is configured to use the selection zoom. One must press the Shift-Key and select an area inside the chart to zoom.
I the chart shows tooltips, in most cases the tooltip pops up under the cursor and it is not possible to select an area.
The tooltip shoud be disabled, when the shift-key (or the configured key) is pressed inside the chart area.
The grid component already has the functionality to resize and reorder columns by the user, but is missing functionality for saving an restoring columns configuration, so that changes done by the user are lost after a page change.
There is the Persist the State article in the "How to section" in the documentation, but the described solution is only applicable when adding grid columns by using *ngFor. When defining columns in the markup, due to extensive usage of templates (kendoGridColumnMenuTemplate, kendoGridFilterMenuTemplate, kendoGridCellTemplate, ..), there is no reasonable solution available.
Provide methods, similar to the jQuery grid, to save and restore columns configuration. This should at least include the column's order, width and sort.
PS: This is not a duplicate of the feature request Add persistent state for grid (and other components). The latter one has been marked as "Completed" but does not include the needed functionality.
There are situations where we need to get a list of all windows, e.g. "close all" or "rearrange". While this can easily done manually when working with a single type of window, it's difficult if we have multiple windows using multiple components (we would have to ensure that we register them all in some kind of registry).
Feature request: Add something like a WindowManager that allows us to access all windows. Perhaps their WindowRefs? Perhaps an addition to WindowContainerService?
Setting grid.columns[i].hidden may work to some extend, but isn't emitting columnVisibilityChange and further activities on a column set visible are not working but resulting in error, e.g. calling reorderColumn() results in:
TypeError: Cannot set property 'orderIndex' of undefined
at GridComponent.push../node_modules/@progress/kendo-angular-grid/dist/fesm5/index.js.GridComponent.updateColumnIndices (https://localhost:4201/vendor.js:196833:43)
The grid internal method updateColumnIndices() throws an error, because it doesn't get the newly visible column from expandColumnsWithSpan() and expandedColumns.indexOf(source) is -1.
Thus it's required to add methods like showColumn/hideColumn or setColumnVisibilty.