CSS Selector For Tab Edit Input

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

  • Posted 20 December 2020, 6:36 pm 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.

  • Replied 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.
  • Replied 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

  • Replied 22 December 2020, 5:28 pm EST

    Can I do this with pure CSS on the DOM window level?
  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels