Is it possible to change the TabStrip color (letters) or the rectangle on top?

Is it possible to change the TabStrip color (letters) or the rectangle on top?

Posted by: razeris563 on 22 July 2021, 9:44 am EST

• 

  razeris563

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 22 July 2021, 9:44 am EST - Updated 3 October 2022, 9:42 am EST

  Hey guys, i would like to change the color of this tabStrip tab from green to black for example, also the rectangle on top from green to black or just remove it. Is this somehow possible? I tried to search through various versions of documentation just in case i missed something but i didn’t find anything.

  https://www.grapecity.com/spreadjs/demos/features/workbook/tab-strip/react

  I’ve looked at this page and I dont particularly want to change the “activeSheetTabColor” option, since in my opinion it doesn’t look good.

  Thank you a lot for your help, everyone!

• 

  avinash.pathak

  • Post Options:
  • Link
    Copy

  Posted 23 July 2021, 8:17 am EST

  Hi,

  For this you may use the gc-tab-active css Class, Please refer to the following code snippet and let us know if you face any issues.

  
  
  .gc-tab-active {
    color: #1035d6;
    background-image: none;
    background-color: white;
    border-style: solid;
    border-left-color: #999999;
    border-bottom-color: #9022b1;
  }
  
  

  Regards
  
  Avinash

• 

  razeris563

  • Post Options:
  • Link
    Copy

  Posted 29 July 2021, 6:19 am EST

  This works perfectly. Thank you a ton!