Questions on Kendo UI for Angular Forum

0 answers

1 view

File Upload

public onFileUpload(e: UploadEvent): void {
      // const file = e.files[0].rawFile;
    // e.preventDefault();
    // const formData = new FormData();
    // formData.append("file", file, file.name);
    // formData.append("sourceId", "1");
    // formData.append("documentTypeId", "1");
    // formData.append("associationId", this.id.toString());
    // formData.append("documentTypeName", "InventoryManagementImage");
    // this.HttpClient.post("upload", formData).subscribe(
    //  (response) => {
    //    console.log("Upload successful:", response);
    //    // Handle response
    //  },
    //  (error) => {
    //    console.error("Upload failed:", error);
    //    // Handle error
    //  }
    // );
    // console.log(e, "e");
   
  }      
if i use this it works but when i try another way its sucks  
public uploadSaveUrl = "upload"
const formData = new FormData();
    // Append additional data to FormData
    formData.append("sourceId", "1");
    formData.append("documentTypeId", "1");
    formData.append("associationId", this.id.toString());
    formData.append("documentTypeName", "InventoryManagementImage");
    // Iterate through selected files and append to FormData
    e.files.forEach((file) => {
      formData.append("file",file.rawFile, file.name);
      console.log( file.name, " file");
    });
    // Set the FormData as the upload data
    e.data = formData;
    console.log(e.data ,e ,  'data') is i possible to adding this formdata on kendo uploadSaveUrl ? and make request then?

Upload

asked on 23 Apr 2024

0 answers

3 views

Is it possible to pass in a function to the saveUrl attribute of the Upload component

Hi there,

Is it possible to pass in a function to the saveUrl attribute of the Upload component.

My use case is that I need to trigger the upload with a button but need to do some additional processing first (calling another API). The uploading of the files will depend on this other API call.

Is the only option through an Interceptor? I've seen an implementation for React (see here) and it would be great if we have the same functionality in Angular.

Is this implementation in the roadmap and if so, when can we expect this to come out?

Also, when we set the autoUpload attribute to false, it automatically shows a Clear and Upload buttons. Is there a way to hide these buttons? I know you can position them through the actionsLayout attribute. It would be nice to have a none option to hide them.

Thanks!

Upload

updated question on 23 Apr 2024

0 answers

7 views

Kendo angular dashboard remove and add

Hi,

I used the kendo ui angular for tilelayout to create a dashboard but i am not able to remove or add the tiles as there is no delete or add icon in the tiles. So currently drag and drop of the tiles are happening but not able to remove the tile from the dashboard.
can you please help me?

I am building the application using Angular.

Grid

GridLayout

TileLayout

updated question on 23 Apr 2024

0 answers

3 views

please provide ref solutions and workable example for date filters in kendo grid

please provide date fiters example for kendo grid

Grid

asked on 22 Apr 2024

2 answers

14 views

Is there a way to provide some sort of binding for the action buttons in the dialog service

Hi,

Is there a way to do some data binding on action buttons while using the service dialog.

        const dialog: DialogRef = this.dialogService.open({
            title: 'Create Dialog',
            content: SomeFormComponent,
            actionsLayout: 'end',
            actions: [
                { text: 'Cancel', fillMode: 'clear', themeColor: 'accent' },
                {
                    text: 'Create Something',
                    themeColor: 'primary',
                    fillMode: 'solid',
                    cssClass: 'height-override',
                },
            ],
        });

I want to place some binding to the "Create Something" button to toggle it being enabled/disabled.

Is this even possible? Is there some sort of workaround?

Thanks!

Dialog

answered on 22 Apr 2024

0 answers

1 view

Fixed width for kendo-card

We recently update our application from kendo-angular 14 to 15 and noticed that throughout our entire application the kendo-cards got a fixed width of 285px.

Now we noticed that you now have to set a width for the kendo-cards yourself, otherwise it will default to 285px.
My question is why was this 285px chosen as a default? It did not make much sense for us. We expected the width to be 100%, like it was before.

What was the reason for this change? And is this something that could be reverted back to the initial state where it was full width?

Card

asked on 22 Apr 2024

1 answer

8 views

Media player and Gantt Chart improvements

Hello,

I was wandering if you have plans to:

1. Add media player to the Kendo UI for Angular

2. Improve Gantt Chart with additional features from Kendo UI for jQuery like ability to drag task's start and end on the chart.

Thank you,

Sergey

Gantt

answered on 22 Apr 2024

0 answers

3 views

Update group aggregate after editing

Hi,

I forked this code sample based on your group aggregates sample. I added the capability to edit name and price. The question is, how should I modify the code, that if I edit the price, then after editing the group aggregates also updates?

stackblitz example

Thanks.

Grid

asked on 21 Apr 2024

0 answers

3 views

preserving format of paragraphs in Kendo Editor after saving

I want to ensure that the spacing between paragraphs is preserved exactly as you typed it into the Kendo Editor. Does the Editor have this capability already or would I have to do a work-around?

Editor