Wj-input-number or mask put on icon in the text

Wj-input-number or mask put on icon in the text

Posted by: kun.leeing on 29 May 2020, 5:53 am EST

• 

  kun.leeing

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 May 2020, 5:53 am EST

  Hi team,

  I am just wanting to ask if it is possible to show a icon before the text in the wj-input-*. For example, when the number user typed hit the limitation, it could show a warning icon ahead of the input number and when the number input is in normal scope, the icon disappear.

  I tried to use wjinputcontrol.inputElement.outerHTML or innerHTML, but it does not look like the right way. And advice?

  Thanks

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 June 2020, 1:22 am EST

  Hi Kun,

  You cannot add a warning icon directly into input mask. You will need to add the icon in the HTML template only and change its display accordingly.

  https://stackblitz.com/edit/ckkyne-wtwetj

  Regards,
  
  Ashwin

• 

  kun.leeing

  • Post Options:
  • Link
    Copy

  Posted 1 June 2020, 10:47 pm EST

  Thanks, Ashwin. so basically, it is impossible to make the icon at the corner of the input textbox or merge it to the input control I guess?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 June 2020, 2:25 am EST

  Sorry Ken, but that is not possible. I would suggest you add a single icon for all the warnings and update the visibility of the icons accordingly.

  ~regards

• 

  kun.leeing

  • Post Options:
  • Link
    Copy

  Posted 4 June 2020, 10:32 pm EST

  No worries. Thanks, ashwin. It is good enough. Just out of curiousity.