Telerik Forums
Kendo UI for Angular Forum
1 answer
142 views

Hi.

The default behavior of pressing ctrl + z is to undo the last character entered. But if you enter several letters in kendo-textbox and kendo-textarea and press ctrl + z, all the entered letters are undo.

However, kendo-autocomplete or kendo-combobox only undo the last character when pressing ctrl + z.
How can I return the default undo behavior for kendo-textbox and kendo-textarea (undo only the last character entered)?

Thanks.

angular 17.3.7

kendo 16.4.0

 

Zornitsa
Telerik team
 answered on 04 Sep 2024
2 answers
98 views

This issue can be replicated in kendo website.

Below steps are

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/

 

  1. Filter button is disabled by default.
  2. 2.  Upon entering number, it takes a moment to enable Filter button and when there is a decimal entered before it removes the decimal when enabling Filter.

    3. Updated fine when I enter decimal after the filter button is enabled for the number entered already.

     

Hetali
Telerik team
 answered on 03 Sep 2024
1 answer
123 views

Hi,
I want to add a custom input text for filtering the items of a combobox in Angular
I tried to add but the text box seems not focusable. Even if I try to manually focus on it with extra code the user cannot select the text from the text box. 
Is it supported? Can I somehow implement it?

<kendo-combobox
      #kdropdownlist
      kendoInputFocusBehavior
      [size]="dropDownSize"
      rounded="medium"
      fillMode="outline"
      [data]="listItems$ | async"
      [clearButton]="false"
      [valuePrimitive]="true"
      textField="description"
      valueField="value"
      [virtual]="true"
     
   >
      <ng-template kendoComboBoxHeaderTemplate>
         <input type="text" class="combobox-filter-input" [placeholder]="placeholder" />
      </ng-template>
      <ng-template kendoPrefixTemplate> </ng-template>
      <ng-template kendoComboBoxItemTemplate let-dataItem>
         <ng-container [ngTemplateOutlet]="showMoreFields ? moreFields : noMoreFields" [ngTemplateOutletContext]="{ listItem: dataItem }"> </ng-container>
      </ng-template>
   </kendo-combobox>
</div>
<ng-template #noMoreFields let-listItem="listItem">
   {{ listItem.description }}
</ng-template>
<ng-template #moreFields let-listItem="listItem">
   <span class="fx-flex fx-layout-row select-m-column">
      <span *ngFor="let field of listItem.moreFields" [class]="getItemWidthFlexClass(optionFieldWidth)" class="optionFieldWidth-items-style">
         {{ field }}
      </span>
   </span>
</ng-template>

 

Thank you

 
Zornitsa
Telerik team
 answered on 03 Sep 2024
1 answer
53 views
Hi! My question is the following: I am informing myself about everything that Progress ThemeBuilder allows to do in conjunction with its plugin in Figma. I wanted to know if there is a way to export the components made by oneself and those that are already by default in Progress ThemeBuilder to Figma along with their tokens to be able to design everything from there.
Petar
Telerik team
 answered on 02 Sep 2024
1 answer
725 views

Hi,

I am using Kendo Grid in angular. I've requirement for adding a checkbox to each row grid as well as "Select All" checkbox. Upon loading, I also have to "disabled" or "checked" checkboxes programmatically. I was able to achieve this using below "kendo-grid-checkbox-column" markup. However, the issue is with "Select All" checkbox, it doesn't select-deselect any check boxes upon clicking on them. I am not sure if I am missing anything here and appreciate any help on this. Below is the screen-shot of my grid, as you can see "Select All" checkbox is checked but it isn't selecting any checkbox, 2 checkboxes which are "disabled" and "checked" are set programmatically on loading.

 

Below is is "kendo-grid-checkbox-column" mark-up I am using, I also tried "kendo-grid-column" template but no success.

    <kendo-grid-checkbox-column [width]="40" [showSelectAll]="true">
        <ng-template kendoGridHeaderTemplate >
            <input type="checkbox" KendoCheckBox kendoGridSelectAllCheckbox/>
        </ng-template>        
        <ng-template kendoGridCellTemplate let-dataItem>
            <input type="checkbox" KendoCheckBox [disabled]="dataItem.isMapped" [checked]="dataItem.isMapped" />
        </ng-template>        
    </kendo-grid-checkbox-column>
Zornitsa
Telerik team
 answered on 02 Sep 2024
0 answers
95 views
How to add the the dropDown List in Angular Spreadsheet 
Kiran
Top achievements
Rank 1
 asked on 27 Aug 2024
1 answer
112 views

Hi,

I've added an editor as following

<kendo-editor formControlName="note" [iframe]="false"></kendo-editor>

 

I'm trying to interact with it while testing with Cypress but no luck, i.e the following doesn't work

const input = cy.get('kendo-editor[formcontrolname=note]');
input.type('sample text');

the error is


Timed out retrying after 4000ms: cy.type() failed because this element:

<kendo-editor _ngcontent-yle-c1049="" formcontrolname="note" style="height: 180px;" _nghost-yle-c961="" ng-reflect-name="note" ng-reflect-iframe="false" dir="ltr" ariadisabled="true" class="k-editor k-state-disabled ng-untouched ng-pristine">...</kendo-editor>

has CSS pointer-events: none

pointer-events: none prevents user mouse interaction.

Could you please provide some hints on how to do this? Do we have guidelines/howtos for Cypress e2e testing of Kendo UI for Angular?

Thanks

Martin Bechev
Telerik team
 answered on 26 Aug 2024
0 answers
55 views

Hi

I would like to ask how I can create a dropdown with these colored circles and text?

Also how to manage dark mode and lite mode ?

Thanks in advance.

Michael
Top achievements
Rank 1
 asked on 25 Aug 2024
4 answers
1.4K+ views

Our current application is an Angular 1.6.x using Kendo for JQuery.  While I would love to be able to migrate all our code in one fell swoop I just have too many directives to do this. 

 

Would it be possible to use both Kendo for JQuery and Kendo for Angular in the same mixed application.  In this way I can migrate my directives/components one at a time and then eventually remove the Kendo for JQuery .

Bhavika
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 22 Aug 2024
1 answer
83 views

Using kendo line charts and with datapoints that contain a value and a date, if there is a gap between two dates then the line chart with slope up to the next point when there is no data to be displayed (please reference "slopedLine" picture). 

In the example "slopedLine" I have data ranging from 8/8/2024 from 10-11am then I have data from 9/8/2024 from 9:55-10am. I am looking for a way I can make this line to not slope and stay at 0 all the way from the end of 8/8/2024 to 9/8/2024. I have this same issue with larger data sets (please reference "timeRangeLarge"). In this second example I have 600 data points but we could have up to 10,000 points depending on filters and other factors.

In the example "noSlopAllDates", I removed the type="date" and set it to type="category" for kendo-chart-category-axis-item and that fixes the slope but then my labels are messed up and we can see EVERYONE and maxDivisions does not apply to type "category". 

Stephanie
Top achievements
Rank 2
Iron
 answered on 21 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?