Styling Your File Fields in Forms Designer

Styling Your File Fields in Forms Designer

Learn how to style your file fields, using DMXzone Bootstrap 3 Forms Designer.

With this movie we will show you how to style your file fields, using DMXzone Bootstrap 3 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!

Extensions Covered

Comments

Be the first to write a comment

You must me logged in to write a comment.