Completed
Last Updated: 09 Apr 2025 14:31 by ADMIN
n/a
Created on: 28 Mar 2023 08:23
Category: Upload
Type: Feature Request
2
Change the "Select files..." text to "Select file..." when multiple prop is set to false

The Upload component has the option to configure it to accept single or multiple files for upload. 

When the component is configured to accept only one file, the text in its Select button should be in singular form - "Select file..." instead of "Select files..."

2 comments
ADMIN
Petar
Posted on: 09 Apr 2025 14:31

Hi, 

The feature request is implemented and can be tested in version 6.4.0-develop.2.

The new message properties are dropFileHere and selectSingle. Here is a runnable example in which the requested functioanlity can be tested.

Regards,
Petar
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

ADMIN
Petar
Posted on: 28 Mar 2023 08:33

Hello, Christian. 

Just in case someone wants to implement the same functionality as the one requested in the current item before the Feature request is implemented, below I will share the workaround we suggested in our private communication. 

This StackBlitz example demonstrates an approach that can be used as a temporary solution to change the text inside the Upload, based on the value passed to the multiple property. 

The example uses the following created method definition that dynamically changes the text inside the Upload component. 

created() {
    const bgMessages = this.multiple
      ? {
          upload: {
            select: 'Select files...',
          },
        }
      : {
          upload: {
            select: 'Select file...',
          },
        };
    loadMessages(bgMessages, 'bg-BG');
}

Regards,
Petar
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.