Telerik Forums
Kendo UI for Angular Forum
1 answer
3.4K+ views

I actually have a grid, in every column there's a delete button and when clicking on it, it has to remove the row.

Even though i used" kendoGridRemoveCommand" in the code below, nothing is working: 

<kendo-grid-command-column title="Command">
        <ng-template kendoGridCellTemplate >
            <buttonkendoGridRemoveCommand icon="delete" style="color: red;"></button>
        </ng-template>
    </kendo-grid-command-column>
schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 28 Apr 2022
1 answer
1.9K+ views

  

I can't simply disable the whole thing. I can't see to figure out how to access the pieces I need.. HELP ?


<div>
    <kendo-upload #upload [ngModel]="files" [saveUrl]="saveUrl" [removeUrl]="removeUrl" [disabled]="false"
        (upload)="onBeforeUpload($event)" (success)="onUploaded($event)" (select)="onSelect($event)"
        (remove)="onBeforeRemove($event)" [restrictions]="restrictions">
        <ng-template kendoUploadFileInfoTemplate let-files>
            <span class="k-file-name-size-wrapper">
                <span (click)="onDownloadClick(files[0])" class="k-file-name" title="{{ files[0].name }}">{{
                    files[0].name }}</span>
                <span class="k-file-size" ng-reflect-ng-class="[object Object]">Size: {{ files[0].size | fileSize:2
                    }}</span>
            </span>
        </ng-template>
    </kendo-upload>
    <div *ngIf="errors.length > 0">
        <p style="color: red;" *ngFor="let err of errors">{{ err }}</p>
    </div>
</div>

// @ViewChild('upload', { static: false })
    //upload!: HTMLElement;
    //.k-upload-status { display: none; }
   // $(".k-upload").find(".k-delete").hide();
    errors: string[] = [];
    constructor() { }
    ngOnInit(): void {
       // (this.uc.fileSelectButton.nativeElement as HTMLElement).classList.add('k-state-disabled');

    }

// .k-upload {
//     display: none;
// }
// .k-upload-button
// {
//     display: none;
// }
// .k-upload-files.k-reset {
//     display: none;
// }
// .k-widget.k-upload .k-action-buttons {
//     display: none;
// }
// .k-upload-button {
//     width: auto;
//     padding: 8px 25px;
//     font-size: 14px;
//     text-transform: none;
//     background: #112E51;
//     border-radius: 30px;
//     padding: 9px 20px;
//     margin: 50px 1px 15px 0px;
//     font-size: 14px;
//     color: #FFFFFF;
//     box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
// }

Svet
Telerik team
 updated answer on 28 Apr 2022
1 answer
984 views
How can I set the width of the expand/collapse column? In my grid the expand collapse column is displaying too wide and I would like to set the width but cannot find the correct selector to do so.
Dimiter Topalov
Telerik team
 answered on 28 Apr 2022
2 answers
119 views
Hello! I noticed unusual behavior in the responsive toolbar on initial loading or reloading. The dropdown button with more tools overlaps another dropdown till the window is resized, and I even can't click on it.

Is it possible to hide the overlapped item immediately to prevent such cases?

The issue reproduces here: https://www.telerik.com/kendo-angular-ui/components/editor/responsive-toolbar/

Thanks,
Rita
Valentin
Telerik team
 answered on 27 Apr 2022
2 answers
184 views

Hello,

The kendoMultiSelectTagTemplate exposes each item via its dataItem (singular) template reference.

Is there a way it can also access the dataItems (plural) collection?

I would like to display a full length description in each tag when fewer items are selected, and a shorter, abbreviated description when more items are selected.

Note that I am already using the kendoMultiSelectSummaryTag when many, many items are selected, but this is expected to rarely occur with my users.  Most often only 1 or 2 items will be selected in which case I want the longer descriptions.  Occasionally, 2 - 10 items will be selected and in that case I want the abbreviations.  And with more than 10, I'll show the summary tag.

Thanks!

Stefani
Telerik team
 answered on 27 Apr 2022
1 answer
521 views
If I have a <kendo-fileselect [restrictions]="myRestrictions">  and within this I have my own kendoFileSelectFileTemplate, I no longer see file restriction errors. How can I see these using a custom kendoFileSelectFileTemplate?
Dimiter Madjarov
Telerik team
 answered on 22 Apr 2022
0 answers
504 views

Hi,

I have a kendo grid and in each row, I have a kendo switch button. When focusing on the kendo switch in the first row, the JAWS screen reader reads the entire grid values. The expected behavior is JAWS should read only the aria-label value along with Switch's action(Switched on or Pressed Off). I tried setting role="switch" and role="button".  How to fix this?

Here's the stackblitz link:  https://stackblitz.com/edit/angular-egapar?file=src%2Fapp%2Fapp.component.ts

I've attached JAWS' Speech history.

 

Thanks

Sowmiya
Top achievements
Rank 1
 updated question on 22 Apr 2022
1 answer
509 views

I am using the external filtering example and having issues getting the date filter to work.

 

When filtering a date, the value comes in as the following


"value":         "2022-01-26T05:00:00.000Z

I am not sure what the T05 is for

In my data, the value for the date is


"sys_Login_Date":"2022-01-26T00:00:00",

In debugging, if I change the value to the sys_login_date, it works.  I am just not sure what the disconnect is here

Dimiter Madjarov
Telerik team
 answered on 22 Apr 2022
1 answer
188 views

Hi guys,

I'm using the multi-day-view scheduler element for a current project and I just wondered if it is possible to customize the empty area in the left upper corner.
Is it possible to place a template with some custom columns (texts) over there?

Please have a look at the image...

 

Thanks in advance.

Greetings

Stefani
Telerik team
 answered on 22 Apr 2022
1 answer
1.2K+ views

Basically, I am looking for a way to have a MultiSelect, but show a grid in the dropdown with a column for checkboxes and other columns that can be sorted and filtered.

Anyone have any hints?

Martin Bechev
Telerik team
 answered on 21 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?