Telerik Forums
Kendo UI for Angular Forum
0 answers
21 views

Hi. i have some questions about focus on clear button

If click on kendo-textbox and input value, clear button will appear on the left side of the field. if you press the tab button, the focus will shift to this clear button.

<kendo-textbox
  [style.width.px]="200"
  [clearButton]="true"
></kendo-textbox>

 

If select value in kendo-combobox, clear button will appear on the left side of the field, before button show\hide list. But if press tab button, focus will shift to next DOM element

<kendo-combobox
  [data]="listItems"
>

Please, tell me why there is such a different behavior when pressing tab. Why doesn't the focus shift to the clear button in kendo-combobox.

Thanks.

Andrii
Top achievements
Rank 1
 asked on 15 Feb 2024
0 answers
31 views
I'm working with my first instantiation of a light / dark theme and to do this I'm using css variables.

An example of what I mean:

input::placeholder {
  color: var(--input-placeholder);
}

What I'm noticing however for the items in a dropdown list is that if I use css variables I'll only see the initial set color (I just tested this with kelly green as the default) but if the variable switches the dropdown background and text colors will not update. An example of the css that I have in my all.css file:
.k-list-item {
  color: var(--input_color);
  background-color: var(--k_input_background2);
}

I just tried setting the program to dark mode and then creating the component and dropdowns after that's already selected - I still get the initial / default value not the actual. To clarify I'm setting other kendo css with this such as the grids, input backgrounds and text color, all of it's working fine - this is the only place it seems to be failing.

Let me know if this sounds familiar and if so what recommendations you have to work around this issue.
Ron
Top achievements
Rank 1
Iron
Iron
 asked on 04 Jan 2024
0 answers
39 views

Hello,
I need to set the value of a kendo-combobox inside an angular form using code after receive the value from a webservice.

<form class="k-form" [formGroup]="usrForm">
  <kendo-combobox #formContractor formControlName="formCity" [data]="cities"
    textField="name" valueField="id" (valueChange)="ControlValueChange($event)" [clearButton]="true">
  </kendo-combobox>
</form>

I have tried to set the value using object (my desire) or primitive value but the value is alwais null.

this.usrForm.controls['formCity'].setValue(newCityObj);
this.usrForm.controls['formCity'].patchValue(newCityObj);
this.usrForm.patchValue({formCity: newCityObj});

buth the control alwais remain blank,

if I show the form value in the console:
console.log(this.usrForm.value);
the formCity value is set but the value in the kendo-combobox are not displayed (kombo text remain blank)

I have see a lot of documentation and sample on read the value...but nothing about the set value by code.

Thanks

Maurizio

 

 


Maurizio
Top achievements
Rank 1
Iron
 updated question on 25 Dec 2023
0 answers
24 views

Hi everyone,

We're experiencing a major performance issue with our Kendo MultiColumnComboBox when used alongside Wijmo FlexSheet like opening excel and switching between worksheets or copy pasting cell value. The dropdown becomes incredibly laggy and unresponsive, to the point of freezing the entire browser, making it practically unusable. It is only happening in this scenario. All other dropdown used like mat-select or any text input is working properly in this scenario.

Here's a breakdown of the problem:

Symptoms: Kendo MultiColumnComboBox dropdown experiences severe lag and freezing when:
1. Opening the dropdown.
2. Scrolling within the dropdown.


We've tried various solutions to improve performance, including:
Memory optimization: Tested with limited memory (2GB) to rule out memory leaks, but the issue persisted.
Virtualization: Implemented virtualization for the dropdown, but it didn't alleviate the lag.

We're at a loss and would greatly appreciate any insights or suggestions from the community. Has anyone encountered similar issues with Kendo MultiColumnComboBox and Wijmo FlexSheet integration?
What troubleshooting steps or alternative solutions would you recommend?
Thanks in advance for your help!
We're hoping to find a solution that resolves this critical performance issue and improves the user experience for our platform.

Mutasim
Top achievements
Rank 1
 asked on 13 Dec 2023
1 answer
23 views
i am using a kendo combox dropdown for my angular project where i am using [kendoDropDownFilter]="filterSettings" on the dropdown, but when i am searching the filter and selecting from it , it always select the 1st option but when i remove this property it stop searching. find a way to solve the issue, so that if i type and select it should select the option i selected not the 1st option on the list.
Simeon
Telerik team
 answered on 03 Oct 2023
1 answer
52 views

Why Kendo UI Angular combobox or dropdownlist items are displaying horizontally?

 

 

here is my code:

 <kendo-formfield>
          <kendo-label [for]="gender"
                       text="Gender"></kendo-label>
          <kendo-combobox #gender
                          formControlName="gender"
                          [data]="genders"
                          textField="text"
                          valueField="value">
          </kendo-combobox>
 </kendo-formfield>
Simeon
Telerik team
 answered on 18 Sep 2023
0 answers
50 views
Hi, am filter the data in kendo combo box when we click the down button the selected data is populated fine. when we click the up button on first record the focus not goes to combo box and the first record unable to select. please give any suggestion    
v
Top achievements
Rank 1
 asked on 25 Jan 2023
0 answers
63 views

 

 

Hi,

We recently upgrade kendo-dropdown to 7.0 version from 5.0 version. After the upgrade we see an issue with the kendo-combo box .

We have to tab twice in the kendo combo box to move to the next input.  

From developers tool I see that it is removing the k-focus class from the kendo-combobox, but still the focus remains in the combo box .

While searching the web I came across this bug below. IS there a resolution to this issue?

Any insight into this is greatly appreciated.

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 06 Jan 2023
0 answers
56 views

Hi,

We upgraded the kendo-dropdown from

  "@progress/kendo-angular-dropdowns": "5.0.0",

to

 "@progress/kendo-angular-dropdowns": "7.0.0",

 

In earlier version, we were able to disable the combo box. I see that the combo box is applying the style See image below.

In in the latest version, it doesn't apply this tyle and the field is editable.

What can we do disable it? Any help is greatly appreciated.

 

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 19 Dec 2022
1 answer
47 views

Hi 

We recently upgraded to Angular 14 and had to upgrade kendo-dropdown as well.

After the upgrade we see some style changes for the kendo-combobox.

How do we change the border of the combo box to blue when it is selected. Right now, it is black. See image below.

Would like it to have a blue border when selected instead of black. see attached file combo-box-selected-b;ue.

 

Veselin
Telerik team
 answered on 16 Dec 2022
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?