With this movie we will show you how to style your file fields, using DMXzone Bootstrap 3 Forms Designer.
DMXzone Bootstrap 3 Forms Designer Manual
November 12, 2015
Styling Your File Fields in Forms Designer
Styling Your File Fields in Forms Designer
Step by Step
Insert file field
We already created a form on our page and we'd like to include a file field inside it. Click some of the form fields (1) and select file (2) from the dropdown. Don't forget to add it (3).
Show the button only
You can find the file field options, under the File Field Properties section. Choose whether to show the input or just the button. We uncheck the input option (1), as we only like to show the button. Change the default text of the upload field button to "your file" (2).
Change the button color
Open the type dropdown in order to select the button color theme. We select primary type and we're done!
Save and preview
Now your upload field looks great and it also looks the same in all browsers!
