[Resolved] Placeholder in LoginForm

[Author]

Posts

[Lara]

Tell us what you are trying to do?
I try to insert placeholder in the [wpv-login-form redirect_url="hidden link" redirect_url_fail="hidden link" allow_remember="true" remember_default="true"]

See documentation (https://toolset.com/forums/topic/need-help-positioning-glyphicon-icons-in-login-form/)... The point where I struggle is, that I don't know, what I should wrap around the javascript mentioned in the documentation.

JavaScript from documenation

$('#user_login').attr('placeholder', 'E-Mail');
$('#user_pass').attr('placeholder', 'Passwort');
 
$('<i class="glyphicon fas fa-user"></i>').insertBefore('#user_login');
$('<i class="glyphicon fa-unlock-alt"></i>').insertBefore('#user_pass');

I tried the following ...

jQuery( function( $ ) {
   
$('#user_login').attr('placeholder', 'E-Mail');
$('#user_pass').attr('placeholder', 'Passwort');
 
$('<i class="glyphicon fas fa-user"></i>').insertBefore('#user_login');
$('<i class="glyphicon fa-unlock-alt"></i>').insertBefore('#user_pass');
   
} );

It doesn't work..

Is there any documentation that you are following?
https://toolset.com/forums/topic/need-help-positioning-glyphicon-icons-in-login-form/

Is there a similar example that we can see?
In the documentation

What is the link to your site?
hidden link / hidden link
For both pages..

[Jamal Supporter Languages: English (English ) French (Français ) Timezone: Africa/Casablanca (GMT+00:00)]

Hello and thank you for contacting the Toolset support.

Your code seems correct to me. You just need to add it to the view or the page where the login is added.

Maybe you can omit the last two lines if you do not want to add an icon before the inputs for login and password:

$('<i class="glyphicon fas fa-user"></i>').insertBefore('#user_login');
$('<i class="glyphicon fa-unlock-alt"></i>').insertBefore('#user_pass');

[Lara]

Hi Jamal,
you're right the code is correct. I just made a stupid small mistake...
Thanks, Lara