Telerik Forums
Kendo UI for Angular Forum
0 answers
309 views

Is it possible to have different Switch fill colors in different components?  I can't turn off View encapsulation.

 

I have tried:


::ng-deep .k-switch-on .k-switch-track {
  border-color: red !important;
  background-color: red !important;
}

 

in the component .scss file but it doesn't work.

Mike
Top achievements
Rank 1
 asked on 02 Apr 2024
0 answers
75 views
It is possible  On here 
 <kendo-upload
          #upload
          [saveField]="'file'"
          [saveUrl]="uploadSaveUrl"
          [removeUrl]="uploadRemoveUrl"
          [autoUpload]="false"
          [withCredentials]="false"
          (remove)="removeImg($event)"
          (upload)="onFileUpload($event)"
          (success)="onUploadSuccess($event)"
          (complete)="complete()"
          (cancel)="cancel($event)"
          (error)="error($event)"
          (focus)="focus()"
        (pause)="pause($event)"
        (uploadProgress)="uploadProgress($event)"
        (resume)="resume($event)"
          [chunkable]="chunkSettings">
        </kendo-upload>
when i remove
[removeUrl]="uploadRemoveUrl"
remove icon didnot  removed in browser?
avto
Top achievements
Rank 1
 asked on 01 Apr 2024
1 answer
164 views
I want to change the svg-icon of expand row  and change the order of that column in kendo grid 
Ghanavishmathi
Top achievements
Rank 1
Iron
 answered on 01 Apr 2024
1 answer
238 views
Hi Kendo,

We have a requirement where we need to lock a couple of starting columns and one ending column in a Kendo Angular Grid.

We have implemented the lock feature for starting columns, but it doesn’t work as expected for the last (ending) column in the grid.

We are aware that this can be achieved by applying the ‘Sticky’ feature. But the problem with ‘Sticky’ feature is the horizontal scroll runs to the end of the grid. Ideally, the scrollbar should stop at the start of the last column. (Sticky column)

Is there any workaround to make the last(right) column locked? Or stop the scrollbar at the start of the last column in a ‘Sticky’ behavior?

Appreciate your support on this.
Zornitsa
Telerik team
 answered on 29 Mar 2024
0 answers
68 views
I'm encountering an unexpected behavior with the Kendo Grid's sorting functionality in my application.

Here's the scenario:

    I perform inline row editing for a record in the Kendo Grid with pagination.
    Sorting the data by clicking a column header works as expected.
    However, if I sort the data again after editing a row, the current index seems accurate, but the data object retrieved appears to be incorrect.
mohit
Top achievements
Rank 1
 updated question on 26 Mar 2024
1 answer
194 views

Hi there,

We are using Angular and TailwindCss in our product and we want to use the Kendo Grid like below. Do you have any examples to style the grid like this? If not supported for tailwind, plain css is fine., 

Zornitsa
Telerik team
 answered on 25 Mar 2024
1 answer
260 views

Hello,

I'm working on adding functionality to save the grid column size settings when they resized using the columnResize event.

The issue I'm having right now is that I can't access the unique identifier I need (column field) in the ColumnResizeArgs / ColumnBase interfaces.
https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnResizeArgs/

I see that other libraries like React and jQuery are providing the column field property in their resize events - so I'm curious where the alternative is for Angular (if any).  I see the property is there while debugging the args but I can't see it exposed in the Kendo interface anywhere.

I do see the 'title' property, but this will not work in our application due to translation and other issues.

Any ideas or help would be appreciated.

Thank you!

Zornitsa
Telerik team
 answered on 22 Mar 2024
0 answers
98 views

Hi, 

I'm using kendo grid in angular. I'm trying to hide/remove the total cell from the kendo grid using *ngIf, but only content inside the cell is hiding, empty cell is showing.



How to hide the total cell from the grid,

This is the code , I have used

<kendo-grid id="antibiotic-result-view" [data]="uniqAntibioticList" [resizable]="false">
    <kendo-grid-column field="Expansion" [width]="150">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
            <div class="antibiotic-heading">{{"Antibiotic" | translate}}
                <mat-checkbox type="checkbox" [ngModel]="allCompleted" disabled="true"></mat-checkbox>
            </div>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <div *ngIf="dataItem.IsSuppressed">
                <span>{{ dataItem.Expansion }}</span>
                <mat-checkbox type="checkbox" [ngModel]="dataItem.IsSuppressed" disabled="true"></mat-checkbox>
            </div>
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

I have been trying for past 2 days, could someone help me on this ?

Kathiravan
Top achievements
Rank 1
 asked on 22 Mar 2024
1 answer
366 views
VM4083:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at NoneEncapsulationDomRenderer.setAttribute     , i have this  error when i try to open   tabstrip component whit dialog     on angular 17.3.0
<kendo-tabstrip>
  <kendo-tabstrip-tab title="Tab 1">
    <ng-template kendoTabContent>
      <p>Tab 1 Content</p>
    </ng-template>
  </kendo-tabstrip-tab>
  <kendo-tabstrip-tab title="Tab 2" [selected]="true">
    <ng-template kendoTabContent>
      <p>Tab 2 Content</p>
    </ng-template>
  </kendo-tabstrip-tab>
  <kendo-tabstrip-tab title="Tab 3">
    <ng-template kendoTabContent>
      <p>Tab 3 Content</p>
    </ng-template>
  </kendo-tabstrip-tab>
</kendo-tabstrip>
Yanmario
Telerik team
 answered on 21 Mar 2024
0 answers
128 views

Hi All,

We recently have undertaken an effort to upgrade our project to Angular 16 and as part of that we also updated all of our Kendo libraries to 14.2.0.  Since the update, many of our datepicker inputs are behaving extremely strangely, namely, you open the datepicker and it starts frantically scrolling into the past without stopping. I'll attach a gif showing the issue. 

Strangely I can't seem to reproduce it consistently, it happens on our test server every single time but not on my local machine.  Here is an example of how the datepicker looks in code, though it happens across many of them in the application:


            <kendo-datepicker
              class="w-100"
              [value]="getDateTimeValue()"
              [format]="'MM/dd/yyyy'"
              [disabled]="valueCanBeEmpty()"
              (valueChange)="handleDatePickerValueChanged($event)"
              [popupSettings]="{appendTo: 'component'}"
              [attr.data-qa-id]="'datepicker-value-'+field.SourceName">
            </kendo-datepicker>

Any help would be appreciated

Timothy
Top achievements
Rank 1
 asked on 20 Mar 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?