Grid Coloring

Grid Coloring

Posted by: technical.store.technical on 13 July 2021, 3:48 am EST

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 13 July 2021, 3:48 am EST

  Hi team,

  On selecting a disabled cell, the cell should not be highlighted (in below snippet on clicking on the disabled cell , it’s disabled cell class is getting removed). How can i manage that ?

  On full name column, the focus is getting removed once I click on the cell and changes back to it’s previous color. (the focus should remain until I finish editing the cell).

  Snippet : -
  
  https://stackblitz.com/edit/angular-yojrg9?file=src/app/app.component.ts

  Please provide solution for this.

  Thank you.

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 14 July 2021, 2:23 am EST

  Hi team,

  Edit though we have disabled the cells, but on right key press the dropdown of the disabled cell gets open.
  
  Steps : -

  1. Use tab to navigate to the disabled cell.
  2. then click on the right key button from keyboard .
  3. the dropdown gets open even though it is disabled.
     
     Please provide solution

  Thank you

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 14 July 2021, 2:24 am EST

  Hi,

  Please refer to the following updated sample:
  
  https://stackblitz.com/edit/angular-mszbjj?file=src%2Fstyles.css
  
  In the sample, I’ve adjusted the CSS to fix the issue and added a beginingEdit handler to add active class to the currently editing cell to fix the full name column issue.

  Regards

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 14 July 2021, 3:11 am EST

  Hi sharad,

  Edit though we have disabled the cells, but on right key press the dropdown of the disabled cell gets open.
  
  Steps : -

  1. Use tab to navigate to the disabled cell.
  2. then click on the right key button from keyboard .
  3. the dropdown gets open even though it is disabled.
     
     Please provide solution

  Thank you

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 14 July 2021, 5:22 am EST

  Hi sharad,

  In you snippet, now on selecting the row a with the disabled cell , it is not getting highlighted as a part of the selected row.
  
  Please help us with this issue.

  Thank you.

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 14 July 2021, 11:53 pm EST

  Hi team,

  Please provide solution.

  Thank you.

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 15 July 2021, 4:44 am EST

  Hi team,

  We really want a solution for below bug on urgent basis. Please help us with solution

  Edit though we have disabled the cells, but on right key press the dropdown of the disabled cell gets open.
  
  Steps : -

  1. Use tab to navigate to the disabled cell.
  2. then click on the right key button from keyboard .
  3. the dropdown gets open even though it is disabled.

  Please provide solution

  Thank you.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 16 July 2021, 12:19 am EST

  Please refer to the following updated sample:
  
  https://stackblitz.com/edit/angular-mszbjj?file=src%2Fstyles.css
  
  In the sample, I’ve adjusted the CSS to correctly highlight the disabled cell when multiple cells are selected.
  
  Regarding the drop down issue, it was arising because we only added the disabled class on the cell but the actual control was not disabled, I’ve adjusted the formatItem method to set the isDisabled property on the multiselect as well to fix the issue.

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 19 July 2021, 2:34 am EST

  Hi Sharad,

  please help us with one more issue.
  
  On addition of new row we want to display the text as italic.
  
  Steps :-

  1. Add a new row.
  2. after you complete editing the cell or selecting values from dropdown for a newly added row.
  3. then the cell of the newly added row should have font-style as - italic.
     
     Also Font-style - italic should be cell value not on dropdown values.
     
     Can you please provide solution.
     
     Regards,
• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 19 July 2021, 3:12 am EST

  Snippet of the above sample : -
  
  https://stackblitz.com/edit/angular-h9xn8q?file=src/app/app.component.ts

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 19 July 2021, 11:51 pm EST

  Hi team,

  Can you please provide solution

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 20 July 2021, 3:05 am EST

  Hi,

  You may use the following CSS:

  .wj-cell.new .wj-control .wj-form-control {
    font-style: italic;
  }
  

  https://stackblitz.com/edit/angular-t84cz6?file=src%2Fstyles.css

  Regards

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 20 July 2021, 5:25 am EST

  Hi Sharad,

  Thank you this works.

  Regards

• 

  enoah4024

  • Post Options:
  • Link
    Copy

  Posted 23 July 2021, 10:16 am EST

  If I want to use another font then what will be the formation?

• 

  enoah4024

  • Post Options:
  • Link
    Copy

  Posted 23 July 2021, 10:16 am EST

  If I want to use another font then what will be the formation?

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 26 July 2021, 1:04 am EST

  Hi,

  You may set the font-family CSS to use another font. ex: following CSS could be used to set the font of the whole grid:

  .wj-flexgrid {
    font-family: 'Monotype Corsiva';
  }
  .wj-flexgrid .wj-control .wj-form-control {
    font-family: 'Monotype Corsiva';
  }
  

  https://stackblitz.com/edit/angular-upzgnp?file=src%2Fstyles.css

  Regards