Remove the "Drop files here" area and change the "Select files" text

Get Help
,
2

Hi Jimeny,

  1. To disable the drag-and-drop functionality, use the following JavaScript code. Make sure to add the “disableDragDrop” CSS class to the File Upload field in Form Field Settings → Appearance → Custom CSS Class.

Custom CSS class@2x
Custom CSS class@2x3420×1218 170 KB

jQuery(document).ready(function($) {
    $('.disableDragDrop').on('dragover', function(event) {
        event.preventDefault();
    });

    $('.disableDragDrop').on('drop', function(event) {
        event.preventDefault();
    });
});

Final preview: :point_down:t4:

Code output preview

  1. To change the text “Choose File”, follow the previous solution provided by @chrishajer here: