Telerik Forums
Kendo UI for Angular Forum
1 answer
132 views

We are using a framework ASPNetZeo.

Since upgrading kendo (layout was upgraded from 4.0 to 6.2) any modal which is being called within a tabstip-tab has issues where the fade doesn't go away. If I take the modal outside a tabstrip it works fine.

Has anyone come across anything similar?

Dimiter Madjarov
Telerik team
 answered on 02 May 2022
0 answers
119 views

adding the loader in my projet


<kendo-loader type="infinite-spinner" themeColor="primary" size="medium"></kendo-loader>

No compilation or runtime error, but nothing on the page appears.

Any idea?

Pierre
Top achievements
Rank 2
Iron
Iron
 asked on 29 Apr 2022
1 answer
114 views

I'm using Kendo-Upload in Angular:

<div class="flex flex-col max-w-375">
    <kendo-uploaddropzone zoneId="uploadImagesZone">
      Only JPEG and PNG files are allowed.
    </kendo-uploaddropzone>
    <kendo-upload zoneId="uploadImagesZone" [autoUpload]="false"
      [saveUrl]="this.uploadImagesURL" [removeUrl]="this.removeImageUrl"
      (remove)="onRemove($event)" (cancel)="onCancel($event)"
      (success)="onUpload($event)" [restrictions]="myRestrictions"
                  [multiple]="true"
      [showFileList]="true" responseType="text">
    </kendo-upload>
  </div>

I've validated that the value of "this.uploadImagesURL" is set correctly and clicking on UPLOAD hits the right endpoint (Java Spring REST API):

@PostMapping("image/{name}")
public ResponseEntity<ImageDetails> compressImage(@RequestBody MultipartFile image, @PathVariable final String name) {
}
However, the value of image is NULL.

I've tested this endpoint via Postman and verified that "image" does contain the image. Why does the value set to NULL when the endpoint is called via Kendo-Upload
chethanagaajula
Top achievements
Rank 1
Iron
 answered on 29 Apr 2022
1 answer
171 views

Is there a way to make custom editors for the External Filter for the grid control

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

I was looking to have a dropdown for one of the editors.

Thanks

John

 

 

Svet
Telerik team
 answered on 29 Apr 2022
1 answer
357 views

We are localizing our application for the first time and have started to pull the key/translations from the yml files in @progress/kendo-angular-messages.

So far we have noticed that the en-US and fr-CA files are missing target values for the following:

  • kendo.chat.*
  • kendo.multiviewcalendar.*

If we run the command: "npx kendo-translate src/locale/messages.fr.xlf --locale fr-CA", the resulting file is missing target elements for meanings like kendo.chat.send and kendo.multiviewcalendar.today.

It looks like there are other missing packages as well like kendo.colorpicker.*, kendo.stepper.*, and kendo.tooltip.*.

This is a problem for us because we aren't using the Angular i18n built-in support.  Instead, we are using ngx-translate and have implemented our own MessagingService for the kendo strings, using the English files in the kendo-angular-messages as the source for the key/value pairings and for translation.  As a result, if the ids aren't in the yml files, we end up with keys displaying in our UI like this:

 

Would it be possible to update the kendo-angular-messages repo to contain all the strings, at least in English?

Dimiter Topalov
Telerik team
 answered on 29 Apr 2022
1 answer
3.2K+ 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.7K+ 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
831 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
78 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
111 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
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
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
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?