Custom theme

Posted by: kmalyi on 1 September 2020, 11:30 pm EST

  • Posted 1 September 2020, 11:30 pm EST

    Hi, i want create custom theme for whole workbook, is there any way to do that? For now i am trying to change your basic css file and it's pain to find element css class (because i can't inspect canvas).
  • Replied 1 September 2020, 11:34 pm EST

    Also i can't use js helpers because i want change design of whole component, so i guess adding custom styles via css will be the best way.
  • Marked as Answer

    Replied 2 September 2020, 7:40 pm EST


    To create a custom theme you may override one of the existing spread theme files. The class names are kept quite descriptive in themselves. So you may use seach feature of text editors to search for the required styles. For example, styles related to scrollbar have class names such as "gc-scroll-container", "gc-scroll-arrow", for selection, the class name for selection related styles is "gc-selection".
    Further, SpreadJS also supports jquery UI themes so you may use those too. Please refer to the following demo:

    Further, if you face any difficulty with finding class names for any particular feature/element, then please inform us about the same and we would be glad to help.

Need extra support?

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

Learn More

Forum Channels