CSS Selector For Tab Edit Input

CSS Selector For Tab Edit Input

Posted by: jeff on 20 December 2020, 6:36 pm EST

• 

  jeff

  • Post Options:
  • Link
    Copy

  Posted 20 December 2020, 6:36 pm EST - Updated 3 October 2022, 1:02 am EST

  Is there a selector for the CSS of inputs in Spreadjs tab. I want to prevent Bootstrap (https://getbootstrap.com/) from conflicting with the CSS.

  

• 

  jeff

  • Post Options:
  • Link
    Copy

  Posted 20 December 2020, 6:42 pm EST

  To be clear. I need a CSS Selector for this tab input so I can reduce its size.

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 21 December 2020, 11:21 pm EST

  Hi Jeff,

  If I understand correctly you want to change the font information of the sheet tab. For this, there is no public CSS class available but since the sheet tab uses the workbook instance font you may set the spread font using the Workbook constructor. Please refer to the following code snippet and attached sample that demonstrates the same.

  
  var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {
    sheetCount: 2,
    font: "italic bold 30px Georgia, serif",
    tabStripRatio: 0.9
  });
  
  

  sample: https://codesandbox.io/s/bitter-firefly-h2rrf?file=/src/index.js:24-184

  Regards
  
  Avinash

• 

  jeff

  • Post Options:
  • Link
    Copy

  Posted 22 December 2020, 5:28 pm EST

  Can I do this with pure CSS on the DOM window level?

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 22 December 2020, 10:27 pm EST

  Hi Jeff,

  AS of now, SJS does not support this functionality. but if you want we could make an enhancement request on your behalf. Please revert back if you want me to make an enhancement request for this feature.

  Regards
  
  Avinash