Placeholder – ie8/9 fix

Thanks I will fix it when I get time.

@mike –
Thanks (as always) for your responsiveness. I imagine ‘time’ is a bit short during the shakeout of a major release such as this. BTW, overall I have generally had no problems with 4.0.6 – mostly a matter of making some adjustments relating to Classes (textarea, in particular).

Great job!

For those who might need a solution immediately, this shim works for me (it took a bit of fiddling, but does work) – Placeholder text appears in ie8, where I just tested it):
https://github.com/mathiasbynens/jquery-placeholder

@Mike-

Re the 4.0.10 Changelog saying:
Bug fix: Field default text was not showing in form.

If this fix was re the Placeholder text not appearing in IE, I wanted to report that in IE8 (which is what I am using to test), the Placeholder text still does not appear. (To get the Placeholder text, a jQ or JS function is still necessary).

Not a complaint – just trying to provide running feedback.

No that fix was for a different problem when default was set but placeholder was not checked.

I have not had time to fix the ie8/9 issue yet, maybe this weekend

@Mike-
OK, good to know – I am using FSContact successfully right now, with the jQ fix for ie8/9 mentioned above. Thanks for your continued efforts.

Thanks for your help.
I ended up using this solution
https://jamesallardice.github.io/Placeholders.js/
I tested it on IE8, IE10, FF24, Opera, and Chrome

Here are some fixes going into 4.0.11

– Improved placeholder text to work on older browsers.
– Added new style setting for “Placeholder text” so you can change placeholder text color if you want.
– Note: if you are using the External CSS setting you should import the new placeholder css, click “View custom CSS” on the Styles tab to see it.
– Bug fix: copy styles was not copying all of the style settings.

This is the Styles tab setting I used for the new setting Placeholder text:
opacity:0.5; color:#333333;

If you want the text not partially transparent, change it to
opacity:1; color:#333333;

Until 4.0.11, comes out, you can manually update if you want.
https://www.fastsecurecontactform.com/update-to-the-latest

@mike – Terrific. I saw the jamesallardice solution, too, which also looked simple and robust. The fixes sound great. Thanks.

@Mike-

Working with v4.0.13, re the styling option for Placeholder text:

Styling directly on the form (color:red; etc) works just fine.

However, I find that adding a Class (class=”bfscf-placeholder-text”)for placeholder text does not work.

Since you support this approach (ie, our entering a new Class that we can style on our own) generally, I’d request that this capability be added for styling the Placeholder Text.

Excellent work – both the Opacity (earlier Q), and Placeholder for IE8, work fine. Thanks.

Because there has to be three (or is it 4 different placeholder css settings for all th different browsers, that is the only one CSS setting that cannot accept class. I do not see a way around that.

@Mike-

OK, thanks for the explanation. Styling works fine doing it on the FS Styles area provided – the important thing is the ability to style it at all, which we are able to do.

I hadn’t thought about that limitation – when I was styling the Placeholder text directly in my stylesheet, I (like you) had to style each browser/vendor separately.

Thanks – all works great.