Someone sent me a screenshot of this page on their iPhone and all the checkbox buttons were different sizes.
I can kind of reproduce the effect in Firefox on desktop, not when I downsize the screen, but when I’m in Inspect with the code to the right, and make the code so wide that the remaining column (the web page) is very narrow. There I see that as the page gets smaller, the buttons change size to compensate, but they don’t do so at the same rate/gracefully. Such that some of the buttons are larger than others.
“Sync field styles” is toggled on.
It seems to help if I reduce the amount of text in each option, so I suppose that reducing the width of the space it’s making the boxes smaller to fit, but since the text is a different width it’s inconsistent..?
Regardless I’m lost as to how to fix it. I hope you can help! It looks dreadful and I don’t have an iPhone so even if I had a clue it’s difficult for me to test solutions.
EDIT: Using Inspect, I figured that the code affecting the buttons. I surmised that it was the use of Rems causing the issue. I get that Rems are better for responsive, but they change size dynamically while pixels don’t. So I added this:
.contact-form :where(input[type="radio"], input[type="checkbox"])
{height: 28px !important;
width: 28px !important;
}
This did effectively change the size of the buttons (so it is the right class at least). But when I minimize the page width with the inspector, the buttons are still coming up different sizes.
]]>I am wondering if there is a way to add custom options for form creation available to the admin, which I could then access through PHP using the form ID. For example, having a text field appear under the “Settings” tab with a label, and accessing the value entered there by form ID.
I would then use the form submission hook, check for the value of this field, and take an action depending on the value. If this is possible, it would also be really nice if I were able to have options which weren’t just text, such as check box/toggle or drop down.
One way I might currently be able to create a workaround for this could be using hidden fields and getting the default values, or putting it in the title of the form and then using regex to get the information. However, this wouldn’t be very user friendly as I would like it to be.
Thanks in advance for any help!
]]>My quick and Dirty-Help: I choose URL, input the url, and this works.
]]>“Designated Funds Checkbox and Section”
“Repeating Donation Checkbox”
“Donor Address Section”
I am using Seamless Donations Version 4.0.13 with WordPress 4.4.1.
Any assistance you can provide to help me figure out how to get these options to “Show” would be much appreciated.
Thanks!
https://www.ads-software.com/plugins/seamless-donations/
]]>https://www.ads-software.com/plugins/seamless-donations/
]]>https://www.ads-software.com/extend/plugins/buddypress-media/
]]>