Hi
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.
"@progress/kendo-angular-inputs": "^9.0.0",
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;
Thank You
Select all checkbox provided in tree list module is not working as expected. Below are the detailed step to reproduce
To Reproduce
Scenario 1 :
Scenario 2 with pagination:
Scenario 3:
Expected behavior
Scenario 1:
The select all checkbox should be unchecked. Same as what provided in Grid module
Scenario 2:
The select all checkbox should be unchecked
Scenario 3:
The child node need to be checked
Currently, the Button component supports appearance options such as size, fillMode, and rounded.
This request is about a way to set those appearance options globally for the entire app, in a single location, so that the user does not have to pass all of these settings every time they use a button.
I know this could be achieved by wrapping the Button component in another component, but that may lead to an unnecessary performance hit.
Another option would be to use the ThemeBuilder and set some variables, but that would not behave in the exact same way as the appearance options - for example, it is not so dynamic.
The kendo scheduler when opened in the mobile view the events tittle inside the month view texts are broken and hide in responsive design.
The user did not see the full event tittle texts in month view in responsive Design.
please refer below attachments here.
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.
It would be nice to have a QRCode Component like the one in Kendo UI https://demos.telerik.com/kendo-ui/qrcode/index
When I create a widget and design widget with image field.
Step 1: I use this widget in CMS=> click edit content => select data for the image field.
Step 2: Click advanced to see the id of image
Step 3: I select simple to view image agian => the image has clear item.
I don't know how it happen.
Please help me about this issue
https://angular-dxhzju.stackblitz.io
a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.
b. Press Save buttom.
c. Switch to "Show full day" mode.
Actual result - event is not shown.
Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.
TimeSelectorComponent
There seems to be a styling bug in the Kendo theme for Bootstrap.
Default Bootstrap buttons has this strange shadow or border issue
Is the Map component included in this or (if it's not) when will it be added?
Modeled after the Kendo UI widget counterpart: http://www.telerik.com/kendo-ui/pivotgrid
Please provide a mechanic for dynamic messages translations and/or more seamless integration with established third-party libraries like ngx-translate.
Currently the only available option is using a customized messages service, but this approach has multiple shortcomings
- all messages for all locales need to be recreated one by one in the service
- is not integrated with third-party libraries used to translate the rest of the application
A detailed discussion regarding the necessity of similar enhancement is available in the following GitHub thread:
https://github.com/telerik/kendo-angular/issues/362
P.S.: A possible workaround available for integration with ngx-translate involve adding the desired Kendo messages in the JSON files containing all translations for each supported language, and using the custom messages service to obtain and return the ngx service translation. Recreating the page each time the JSON data for the respective language is loaded is necessary to ensure that the correct messages will be available and used in the Kendo components.
The following example demonstrates a sample implementation of this approach:
https://stackblitz.com/edit/angular-kzirzx?file=src%2Fapp%2Fapp.component.ts
Add selectOnFocus option for AutoComplete, ComboBox and MultiColumnComboBox.
The same is available for the TextBox component:
https://www.telerik.com/kendo-angular-ui/components/inputs/api/TextBoxComponent/#toc-selectonfocus
Re https://github.com/telerik/kendo-angular/issues/3649
The FilterableComponent has been removed from the dropdowns public API.
This is important to us as it allows us to create a directive that targets all the filterable components, similar to FilterDirective.
Can this be made public?