Comments on: how to add placeholder attributes in Silverstripe Userforms Module

By: Jose Bedoya

Jose Bedoya — Thu, 02 Oct 2014 17:02:25 +0000

In Configuration Tab just check Hide field labels option.

By: IHeartMoon

IHeartMoon — Tue, 01 Jul 2014 10:20:38 +0000

In reply to IHeartMoon. No nevermind, Tim's fix worked! My Bad :)

By: IHeartMoon

IHeartMoon — Thu, 26 Jun 2014 13:09:42 +0000

This is nice but it’s true about checkbox text disappearing. For instance the “Remember me next time?” text for the checkbox on the login page disappears.
It’s also a bit jumpy. I can see the label load outside before it’s removed and goes in as a placeholder.

I played around with the .not(‘[type=checkbox]’) but couldn’t get it to work properly

By: Tobi

Tobi — Mon, 14 Apr 2014 15:41:40 +0000

In reply to Tim. Thank you! This was really helpful!

By: Tim

Tim — Fri, 07 Dec 2012 01:23:12 +0000

Thanks for the tips Max!

I tried out your code, and found there was an issue with the labels for checkboxes disappearing. The other issue was that it was only working in modern browsers, so I found a nice function to test the browser’s compatibility, and then I found a plugin that works on all browsers!

My workaround is as follows:

function placeholderIsSupported() {
    test = document.createElement('input');
    return ('placeholder' in test);
}

jQuery(document).ready(function(){
    jQuery('form label').each(function(){
        if(jQuery(this).parent('.textarea, .text, .password, .type-text, .type-textarea').length == 1){
            if(placeholderIsSupported()){
                        jQuery(this).parent().find('.text, textarea').attr('placeholder', jQuery(this).html());
                        jQuery(this).remove();
            }else{
                convertLabel(jQuery(this));
            }
        }
    });

Notes:
I’m using this with SilverCart which has some non-standard classes (type-text and type-textarea).
The convertLabel function uses this plugin:
http://www.dhmedia.com.au/blog/nice-placeholders-jquery

Hope this helps someone!