Browse Article by Topicsmulti-upload gradient hover
- Print Button on Forms
- Adding a feedback button to Joomla 1.5
- How to Change the Clear and Print Button Text?
- Adding Facebook Like Button to a Form
- Creating a Feedback Button
- Submit Button CSS & CSS3
- Custom Colors for Multi-upload Buttons
Related Forum Questions
- Close Button in Thank You Page
- How do I add a submit button at the end of the form?
- How do I center the sharing buttons?
- Pagebreak button is not alligned correctly.
- Where is a PayPal button on a payment form?
- I am not seeing a PayPal button and the submit button doesn't go anywhere
- Text Resizer widget: Change button color and button size.
- How can I place the Submit button under the Section Collapse tool?
- Can I place a Save button on a form?
- How can I prevent forms being resubmitted by using the browser's back button or refresh?
Custom Colors for Multi-upload ButtonsLast Update: October 10, 2016
UPDATE: Customize your Submit buttons with beautiful colors, rounded buttons, etc., it's easy! Find out more on Form Designer video course!
Oftentimes, the default orange color of multi-upload buttons does not blend well with other colors on the form or the color scheme of the page within which the form is embedded and an alternative is desired. Thankfully, CSS can be injected to render the buttons in the color of our choice. Below are just a few examples but more will follow in due course. To get the CSS that needs to be used to generate a particular color, click the button in question, copy the code you see to your clipboard and paste it into the Inject Custom CSS section of the form's preferences. (Please see How to Inject Custom CSS Codes.)
Injecting the CSS codes provided will make ALL of the multi-upload buttons in the form the same color. Applying colors individually requires more specificity and you would need to get the ID of each button from the source of the form. (A tool like Firebug simplifies such tasks. Your browser may also have developer tools to help you quickly locate the IDs.) Below is a screenshot of a form containing three independently colored multi-upload buttons. The first one is the default provided by the form builder to which some extra CSS has been applied to correct its appearance in Opera 11.10+ and improve the said appearance in IE6+:
(Click image to view live form)
Here's the injected CSS used in this form.
To change the buttons' text, please see emrew86's post in the forum thread titled Upload Button Text "Upload a File"