Skip to main content
varuntejg243705
October 30, 2023
Question

Is there any method to achieve eye icon in password textbox

  • October 30, 2023
  • 2 replies
  • 0 views

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

Thanks

2 replies

venkatrea696188
October 30, 2023

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)

October 30, 2023

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"
),