Is there any method to achieve eye icon in password textbox

Certified Associate Developer

Hello I just want to get eye icon into the password field.
Is it possible in appian?

Thanks

  Discussion posts and replies are publicly visible

  • 0
    Certified Senior Developer

    Hi Varun,

    As far as i know,

    We can't achieve this design as of now , Instead we can try other approaches like using checkbox field or, An eye but inline (Not inside the field)

  • Hi Varun
    We can achieve this with rich text Icon.



    Sample Code:
    a!sideBySideLayout(
    items: {
    a!sideBySideItem(),
    a!sideBySideItem(
    item: a!textField(
    label: "Password",
    labelPosition: "ABOVE",
    placeHolder: "--- Enter your Password ---",
    value: local!password,
    saveInto: local!password,
    required: true(),
    masked: local!mask
    ),
    width: "5X"
    ),
    a!sideBySideItem(
    item: a!richTextDisplayField(
    labelPosition: "COLLAPSED",
    value: {
    a!richTextIcon(
    icon: if(
    local!mask = true(),
    "eye-slash",
    "eye"
    ),
    link: a!dynamicLink(
    value: not(local!mask),
    saveInto: local!mask
    ),
    linkStyle: "STANDALONE",
    size: "MEDIUM"
    )
    },
    marginAbove: "MORE"
    )
    )
    },
    alignVertical: "MIDDLE",
    marginAbove: "NONE",
    marginBelow: "STANDARD"
    ),