Buttons on Uploader still work if [enabled]="false"

Hello!

If I have a Uploader Component with a template like this:

            <ejs-uploader #signedPdfUploader allowedExtensions='.pdf' multiple= false locale= 'ro' (selected)='onSelectSignedPdf($event)' [enabled]="false">
              <ng-template #template let-data>
                <span class='wrapper'>
                  <span class='name file-name'>{{data.name}}</span>
                  <span class='file-size'>{{data.size}} bytes</span>
                </span>
                <span class="fa fa-download" (click)="onDownloadFile()" title="Download"></span>
                <span class="e-icons e-file-remove-btn" (click)="onRemoveSignedPdf()" title="Remove"></span>
              </ng-template>
</ejs-uploader>

I still can click on Download or Remove even if enabled Input propriety is set to False. ​How can I restrict clicking to Download or Remove when enabled is set to false? Or can i restrict only clicking to Remove and Download still be available? Thanks!


2 Replies

RD Robert Darabana May 2, 2022 06:07 PM UTC

Also if component is Disabled can I somehow make the Button for Download to not look like is Disabled (gray color), but only this button (component still remain Disabled)?




UD UdhayaKumar Duraisamy Syncfusion Team May 3, 2022 11:27 AM UTC

Hi Robert,


We have recreated the sample based on the shared code snippet and attached it below. Unfortunately, We couldn’t reproduce the reported issue. We have attached a working sample and video demo for your reference, Also we request you to provide additional details about the issue i.e. replication procedure, issue replication sample, etc... Which will help us to validate the issue further and provide you with a better solution.


Sample Link : https://stackblitz.com/edit/angular-g537vp?file=app.component.html


For customizing the style of the component Syncfusion provides the exact CSS structure that can be used to modify the control’s appearance based on the user preference. Please refer to the below documentation for more details.


Documentation :
https://ej2.syncfusion.com/angular/documentation/uploader/style-appearance/#customizing-the-uploaded-file-container-in-file-upload


Regards,

Udhaya Kumar D



Attachment: FileUpload_6eefaa8a.zip

Loader.
Up arrow icon