Customizing File Uploader

0
i need to use mendix’s file uploader widget. but instead of having it in a straight line i want the text box to be bigger and the upload button should come in the next line. How to customize this widget ?
asked
3 answers
4

Hi Raghavi,

You can add a class to your uploader widget (in the properties) and use this class in your stylesheets to change the styling as desired.

Hope this helps!

 

answered
1
.mx-fileinput>input{
  display:block!important;/* break */
  /*custom stuff for [...] */
  background:yellow!important;
}
.mx-fileinput .mx-fileinput-upload-button{
  /*custom stuff for [Browse...] */
  background:green!important;
}
.mx-fileinput>.mx-fileinput-download-button{
  /*custom stuff for [Download] */
  background:blue!important;
}

 

answered
0

To add to Johans answer, you can check this guide on how to add custom styling to your Mendix app https://docs.mendix.com/howto7/front-end/setup-mendix-ui-framework-with-just-css

answered