Flexsheet: Insert an image icon into the editable cell

Flexsheet: Insert an image icon into the editable cell

Posted by: yashmittal0507 on 1 June 2018, 5:45 am EST

• 

  yashmittal0507

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 1 June 2018, 5:45 am EST - Updated 3 October 2022, 8:29 pm EST

  Hi,
  
  I am trying to insert an image into wijmo cell which is editable.But as soon as I click on that Wijmo cell ,the image automatically disappears and typing cursor comes in the field. Also I have to click that wijmo cell 4 to 5 times before being able to type anything.

  I have attached the image showing a Cell, where one search image is there in the corner of the cell. I have put the image using this below code in item formatter:

  let cellHTMLContent = cell.innerHTML;
  
  cellHTMLContent += ‘’;
  
  cell.innerHTML = cellHTMLContent;

  

  Kindly help.

  Thanks and regards,
  
  Yash Mittal

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 1 June 2018, 7:48 am EST

  Hi,
  
  Please refer to the following sample to add image or other HTML content using formatItem event:-
  
  https://stackblitz.com/edit/js-7iyubu?file=index.js

  ~Manish