Portal - How to show more than 1 file attachment control?

(0) Share

Report

Posted on by Zohaib Uddin Khan

2,811

Hi All,

Thanks for reading my post.

My question is related with Dynamics 365 Portal (online). I need to have more than 1 File Attachment control on the page. Now, my question is how to achieve it?

Fyi, I already know one file attachment control can upload multiple files. Following is the desired result I'm after:-

Categories:

Applications and Add-ons

Customization / Solutions / SDK and API

All responses (6)

Answers (0)

cloflyMao 25,196 on at

Like (0)

Report
RE: Portal - How to show more than 1 file attachment control?

Hi Zohaib,

You could still create a preview for multiple files.(create a container to show items, run following code at document.ready)

Reference:

https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications

setTimeout(function() { const inputElement = document.getElementById("AttachFile"); inputElement.addEventListener("change", handleFiles, false); function handleFiles(e) { const fileList = this.files; const previewer = $('#FilePreview'); var list = '
'; for (var i = 0;i < fileList.length; i ) { list = '
' fileList[i].name ' ' Math.round(fileList[i].size / 1024) 'KB
'; } list = '
'; previewer.html(list); console.log(fileList); } }, 3000);

I think due to we couldn't make customization on submit event, thus we couldn't filter desired items to final submitted data.

So adding multiple file control as your desired screenshot show might not be achieved, because upload function is finally decided by Portal, we are restricted to change final upload code.

Regards,

Clofly
Zohaib Uddin Khan 2,811 on at

Like (0)

Report

RE: Portal - How to show more than 1 file attachment control?

Hi Clofly,

Thanks for the reply. And, updating us about the Multiple files option. But, at this moment that's not acceptable by the business.

If you need Pop-up dialog for the upload then use Web Form rather than Entity Form. Entity Form doesn't provide that.
cloflyMao 25,196 on at

Like (0)

Report

RE: Portal - How to show more than 1 file attachment control?

It seems that we would get a popup dialog for upload in old adx portal,

currently it just shows us a "Choose file" button.

Regards,

Cloflyu
cloflyMao 25,196 on at

Like (0)

Report

RE: Portal - How to show more than 1 file attachment control?

Hi Zohaib,

Even if there is one file upload control, but if you had enable Allow Multiple Files option,

then you could upload multiple files at one time, and you'll find button text will change from "Choose file" to "Choose files"

Button without check the option and you can only select one file in popup dialog.

Regards,

Clofly
Zohaib Uddin Khan 2,811 on at

Like (0)

Report

RE: Portal - How to show more than 1 file attachment control?

Thanks for the reply Clofly.

Could you elaborate what do you mean by Choose Files button and its parent Add Files dialog would be only option for us to upload file in online portal? If I understand you correctly I need to do following:-

1. Create Entity form (Marked as File attachment).

2. Create Web Template.

3. Call step # 1 entity form into Step # 2 web template.

With above steps it will bring only one File Upload control. So what shall I do next?

Building another web application is not an option at the moment.
cloflyMao 25,196 on at

Like (0)

Report

RE: Portal - How to show more than 1 file attachment control?

Hi Zohaib,

As far as I know, portal uses browser default file upload control,

so Choose Files button and its parent Add Files dialog would be only option for us to upload file in online portal.

You should build your own web application if you would like to have the desired effect in your screenshot.(It looks like jQuery File Upload)

Regards,

Clofly