Placeholder Text

Resolved TheLuxPuff
(@theluxpuff)

9 years, 3 months ago
Hello,

Is there a way to enable placeholder text within the fields in V2.9.2? I am trying to “shrink” a form and this would be useful rather than having the field name on top of the field.

Thank you!

Edit: Also, is there a way to remove the &nbsp before and after the fieldsets – this would also help “shrink down” the overall form and make it less bulky.
- This topic was modified 9 years, 3 months ago by TheLuxPuff.

Viewing 8 replies - 1 through 8 (of 8 total)

keyinora
(@keyinora)

9 years, 3 months ago
I had the above issue and solved it using javascript and jquery selectors

below is my code, note all you need to do is add in the default values in the backend editor and the below will remove and add it back if nothing is added.
Edit: this code here will remove the space html entity from the form fieldsets
```
$('fieldset.vfb-fieldset').html(function(i,h){
      return h.replace(/&nbsp;/g,'');
    });
```
Edit: everything below here is the default text replacer
```
var el = $('input[type=text], input[type=tel], input[type=email], textarea');
      el.focus(function(e) {
          if (e.target.value == e.target.defaultValue) e.target.value = '';
      });
      el.blur(function(e) {
        if (e.target.value == '') e.target.value = e.target.defaultValue;
      });
```
Hope that helps.
- This reply was modified 9 years, 3 months ago by keyinora.
- This reply was modified 9 years, 3 months ago by keyinora.
- This reply was modified 9 years, 3 months ago by keyinora.
Thread Starter TheLuxPuff
(@theluxpuff)

9 years, 3 months ago

Thanks so much for chiming in!
Where do you suggest I add this?
I generally try not to modify plugin code for the sake of updates but certainly willing to make an exception to get the look I need.

shanemorgan7
(@shanemorgan7)

9 years, 2 months ago

Hi there, the Pro version(3.0) has the options for Placeholders, feel free to play around with the demo version. URL below.

http://demo.vfbpro.com/

Thanks!
Shane
VFB pro

Thread Starter TheLuxPuff
(@theluxpuff)

9 years, 2 months ago

Hi Shane,
I purchased VFB pro but do not see placeholder text option – perhaps I am missing the obvious – please advise.
Thanks!

Thread Starter TheLuxPuff
(@theluxpuff)

9 years, 2 months ago

Actually to clarify – I see placeholder text but I want that in place of the field text above the field. This allows for a tighter form design. How do I eliminate the field titles and just have placeholder text?

shanemorgan7
(@shanemorgan7)

9 years, 2 months ago

The only option would be to leave the field titles empty and have placeholder fields available, or use CSS to hide the titles at page level so that they are still there within the email and such.

Thanks!
Shane
VFB Pro

Thread Starter TheLuxPuff
(@theluxpuff)

9 years, 2 months ago

Thanks Shane – can you provide the correct css to hide the page titles at page level only please?
Thanks!

Thread Starter TheLuxPuff
(@theluxpuff)

9 years, 2 months ago

The other thing I am noticing is I also need the asterisk to be inside with the placeholder text (with required fields) not on top of the field.

Thanks again!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Placeholder Text’ is closed to new replies.