Hide & Reveal Password on PopUp

Need help Plugins
1

Has anyone been able to get the Hide / Reveal Password to work on a popup login?

It works when the login is on the page, I haven’t been able to get it to work when the login is in a popup, I’ve tried to move the plugin to the popup as well with no success…

Thoughts?

2

try changing the element ID & having a different one for the popup input field

3

Thank you for the reply…

The main page is just a landing page with images, there is no “element”… the user would then click login to which the password element located.

I’m using Zeroqodes hide/reveal plugin and it doesn’t seem to work with popups…

4

Hide & reveal password works for input element type ‘password’, and this input element is assigned an ID which is referenced by the plugin

5

Exactly and that’s the way I have it setup… The problem is that the input element type password is on a popup and not working

6

It’s a plugin issue then. @ZeroqodeSupport should be able to help.

7

Hello @redbot, :wave:

Thank you for reaching out. Could you please provide a detailed description of your use case and how we can recreate the issue on our side? Specifically, how is the popup integrated into your app? Could you provide a link to your app where this functionality is integrated?

Looking forward to your response. :pray:

Kind regards,
Zeroqode Support Team.

8

You can always just use a piece of javascript code instead, this is using the Toolbox plugin’s “Run Javascript” action that is triggerd from a custom event I created, with the “id” being the unique ID of the password input. It toggles the type of input from a standard text input to a password input and vice-versa.

image
image1042×946 72.2 KB

// Change the type of input to password or text
    function Toggle() {
        let temp = document.getElementById("id");
         
        if (temp.type === "password") {
            temp.type = "text";
        }
        else {
            temp.type = "password";
        }
    }
Toggle();
9

Dear: @ZeroqodeSupport @ihsanzainal84 @rakshitkumar90 @justin.j

Thank you all for your support, I’m sure this thread will be useful for other bubble developers.

I was able to get it to work, I honestly think it didn’t like the copy+paste method on the ID Attribute because once I typed it out it worked!

Thanks

3 Likes
10

Just a note regarding the issue. The ID attribute does not like spaces. If you have an extra space in front of your text, it will not apply the ID during runtime.

Same goes for when you use the Classify plugin. Make sure there is no space between the element ID text and the first curly brace.

1 Like
11

That could’ve very well been the issue.
Thanks again!

1 Like