Topic: How to size and position preview file in MDBFileupload?

Two Aow priority asked 1 year ago

Expected behavior I expect to be able to size and position the image preview Actual behavior I can't figure out how to size or position the image preview in the MDBFileupload component or ancestor MDBCol/MDBRow Resources (screenshots, code snippets etc.)

      style={{ border: "1px dashed" }}
      className="d-flex justify-content-center align-items-center"
      <MDBCol md="12" sm="12">
          maxSizeError="File Size must be less than 1Mb"
          messageDefault="Drop 1600px X 400px image for Blog Post Banner."
          messageError="We were unable to process the file"
          allowedFileExtensions={["jpg", "jpeg", "png", "webp"]}
            height: "400px",

preview image not centered in MDBFileupload or ancestor

Here is the class responsible for displaying the preview: .file-upload-preview-img. You can try to add your custom styles to this img.

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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 4.2.0
  • Device: Mac
  • Browser: Chrome
  • OS: Monterey
  • Provided sample code: No
  • Provided link: No