Custom theme

Custom theme

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

• 

  kmalyi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  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).

• 

  kmalyi

  • Post Options:
  • Link
    Copy

  Posted 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.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 2 September 2020, 7:40 pm EST

  Hi,

  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:
  
  • https://www.grapecity.com/spreadjs/demos/features/theme/external-theme/purejs
  
  • https://www.grapecity.com/spreadjs/docs/v13/online/themeroller.html

  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.

  Regards
  
  Sharad