Change style of selected tab strip name

Change style of selected tab strip name

Posted by: quan.le.hong on 23 July 2023, 10:35 pm EST

• 

  quan.le.hong

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 July 2023, 10:35 pm EST - Updated 23 July 2023, 10:40 pm EST

  Hi, I’m new with SpreadJS can anyone help me to change the style of selected tab strip name
  
  from this:
  
  to this:

• 

  chandan.rawat

  

  • Post Options:
  • Link
    Copy

  Posted 24 July 2023, 9:33 am EST - Updated 24 July 2023, 9:38 am EST

  Hi,

  We were not able to replicate the issue on our end. You may be using some CSS library that is changing the style of the tab strip sheet name.

  Please refer to the attached sample and image.

  sample: https://jscodemine.grapecity.com/share/u9mII_hhNkuqMrH0v701Eg/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30&defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fpackage.json"%2C"%2Fsrc%2Fapp.js"]%2C"ActiveFile"%3A"%2Findex.html"}

  Could you please provide us with a sample that replicates the issue? You may fork another sample from the sample we have shared with you.

  

  729×512 19.3 KB

• 

  quan.le.hong

  • Post Options:
  • Link
    Copy

  Posted 24 July 2023, 10:13 pm EST

  Hi,
  
  I just find out that the reason is css has been overridden and i fix it by add this css code

  .gc-sheetTabEditor {
    font-size: 13px;
    line-height: 14px;
  }

  
  
  Thanks for your help.

• 

  chandan.rawat

  

  • Post Options:
  • Link
    Copy

  Posted 25 July 2023, 7:07 am EST

  Hi,

  We are happy to know that your issue has been resolved.

  Please let us know if you face any issues or need any assistance.

  Regards,