Drag-and-drop file-upload Changing the background image or t

Topic: Drag-and-drop file-upload Changing the background image or text

vonmonckl asked 2 years ago

Expected behavior The ability to change the background image or text in the mdb-file-upload plugin

Actual behavior I cannot change it or do not know how to

Resources (screenshots, code snippets etc.)

Mateusz Łubianka staff answered 2 years ago

Hi @vonmonckl,

You have to add style to 'mask rgba-stylish-slight' class. Default oppacity is 0 so the mask is invisible. You should add oppacity > 0 and < 1. For example:

.mask {
background-color: red;
oppacity: 0.5;


vonmonckl commented 2 years ago

Actually, I was looking for a way to change the default text. I have solved this by changing the default text in the original js-code. Not ideal, but it works. Perhaps MDB could parameterize this (look at dropzone.js for example).

Mateusz Łubianka staff commented 2 years ago

There is no built-in options for this, but thank you for your opinion. I will add this idea to our ideas list and team will consider it.


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.11.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No