Adding an icon in text fields

how to add an icon in textfield


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

@Mansoor_Sadiq the easiest way would be to use the ‘background’ property.

  • Upload the icon into the assets manager

  • Select the text field

  • Add background

  • Set the size/position of the icon
    in px from left (or right) so it doesn’t move side to side if field size changes
    and 50% top so it’s always in the middle vertically.

  • Select ‘no repeat’ (tile section of background)

  • Add the appropriate amount of padding in the field to prevent text from overlapping the icon. (background left/right offset you set previously + size of icon + couple more px)

Test and done. :ok_hand:

Screenshot 2022-09-29 at 19.41.52

2 Likes