Wijmo grid Styling

Wijmo grid Styling

Posted by: johnsdy779 on 23 June 2021, 5:51 am EST

• 

  johnsdy779

  • Post Options:
  • Link
    Copy

  Posted 23 June 2021, 5:51 am EST

  Hi Wijmo team,

  I want to add a style to grid - rows (even row one color and odd row one color) but it does not work for the dropdowns.like (https://www.grapecity.com/wijmo/demos/Grid/Styling/Rows/RowHeights/angular)
  
  I tried it with

  .wj-cell.wj-alt {
  ....
  }
  

  https://stackblitz.com/edit/angular-cgursq?file=src/app/app.component.html

  Can you please help

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 24 June 2021, 6:03 am EST

  Hi,

  You need to explicitly set the color of dropdown controls as follows -

  .wj-cell.wj-alt {
    background: cyan !important;
  }
  .wj-cell .wj-dropdown {
    background: inherit;
  }
  .wj-content.wj-dropdown-panel {
  // remove color from dropdown panel
    background-color: inherit !important;
  }
  

  For better understanding, you may refer to the below code sample -
  
  https://stackblitz.com/edit/angular-riqaup?file=src%2Fstyles.css

  ~sharad