Text formatting inside flex sheet cell

Text formatting inside flex sheet cell

Posted by: vishnupriya on 16 October 2018, 5:48 pm EST

• 

  vishnupriya

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 16 October 2018, 5:48 pm EST

  Hi,

  Is there any way to add text format (bold,italics,line break etc)to a particular cell in flex sheet. if possible kindly provide some samples

  Thanks,
  
  Vishnu Priya

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 17 October 2018, 7:44 pm EST

  You may use applyCellsMethod() to apply the style to a range of flexSheet cells.

  flexSheet.applyCellsStyle({
        fontWeight: 'bold',
        fornStyle: 'italic'
      }, [new wjcGrid.CellRange(7, 1, 7, 3)]);
  

  If the styling is based on some condition then you may handle formatItem event to easily apply conditional styling.
  
  Please refer to the following sample: https://stackblitz.com/edit/angular-weuzl3?file=app%2Fapp.component.ts

  ~Sharad

• 

  vishnupriya

  • Post Options:
  • Link
    Copy

  Posted 22 October 2018, 3:38 pm EST

  Thank you for your response. Actually the scenario is to handle the format functionality on right click of mouse . On right click need to show the options(bold,italics,color etc) and select the options will change the style. Is this possible in any way

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 23 October 2018, 4:40 pm EST

  Please refer to the following sample which demonstrates how you can use context menus to format FlexSheet cells:
  
  https://stackblitz.com/edit/angular-bjvdkv?file=app%2Fapp.component.html

  ~Sharad

• 

  vishnupriya

  • Post Options:
  • Link
    Copy

  Posted 1 November 2018, 5:12 pm EST

  Thank you Sharad. Its really solve my issue