[{"id":"7720ca38-fc98-4fd8-a3a5-3c0e730c3c72","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"247ded67-b050-4436-be40-fe7b0eeabef7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"9a8c377f-1f1e-476e-b487-c2339da9bed3","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5e8e6db2-89b9-4184-bbdc-301ee676869e","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e04b598e-b0d8-4054-bdac-5143d90b3d51","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"edb028d0-a8cc-42b2-acda-42a5515729f0","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"2adde444-20a6-43d7-8896-2b445877327a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6ab8ced2-6c7a-41b6-b861-ba066bd40f40","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"0c34aedd-80a3-470b-a0f6-c327a4346be7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"717a5892-fa23-499b-a61d-cff228943aaf","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"bd9be971-69fc-4793-ad6d-234be7a93048","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"a1e8d38f-43d8-4b3e-b747-3fbf7656fcd9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"d6995fdf-76ee-421f-9e7a-3fb324d14bbb","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"64fa3155-4543-4acd-83b7-f9860fd46673","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"698413bd-0b16-4287-baec-644d98a411d1","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7e4393a0-21ef-438b-981b-325b64db5baa","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]}]
        
(Showing Draft Content)

テーマの使用

セル、列、行、およびウィジェットのテーマを設定できます。

セル、行、または列のテーマを設定するには、themeFontメソッドを使用します。 シートには、currentThemeメソッドを使用します。

currentThemeメソッドでは、以下のテーマ名を使用できます。

  • Default(デフォルト)

  • Office

  • Apex(ひらめき)

  • Aspect(シック)

  • Concourse(ビジネス)

  • Civic(クール)

  • Oriel(スパイス)

  • Origin(アース)

  • Paper(ペーパー)

  • Solstice(フレッシュ)

  • Technic(テクノロジー)

  • Trek(トラベル)

  • Urban(アーバン)

  • Verve(ネオン)

  • Equity(ジャパネスク)

  • Flow(リゾート)

  • Foundry(エコロジー)

  • Median(デザート)

  • Metro(メトロ)

  • Module(モジュール)

  • Opulent(キュート)

次の図は、各テーマ色に設定可能なアクセントを示します。


コードの使用

次のサンプルコードは、currentThemeメソッドを使用してテーマを設定します。

activeSheet.currentTheme("Metro");   

コードの使用

次のサンプルコードは、テーマの色、およびuseWijmoThemeプロパティを設定します。

activeSheet.setColumnWidth(0, 22);
 activeSheet.setColumnWidth(1, 30);
 activeSheet.setColumnWidth(2, 22);
 activeSheet.getCell(1, 3, GC.Spread.Sheets.SheetArea.viewport).value("Theme Colors").themeFont("headings").hAlign(GC.Spread.Sheets.HorizontalAlign.center);
 activeSheet.addSpan(1, 3, 1, 10); activeSheet.getCell(2, 3, GC.Spread.Sheets.SheetArea.viewport).text("Background 1").themeFont("Body");
 activeSheet.getCell(2, 4, GC.Spread.Sheets.SheetArea.viewport).text("Text 1").themeFont("Body");
 activeSheet.getCell(2, 5, GC.Spread.Sheets.SheetArea.viewport).text("Background 2").themeFont("Body");
 activeSheet.getCell(2, 6, GC.Spread.Sheets.SheetArea.viewport).text("Text 2").themeFont("Body");
 activeSheet.getCell(2, 7, GC.Spread.Sheets.SheetArea.viewport).text("Accent 1").themeFont("Body");
 activeSheet.getCell(2, 8, GC.Spread.Sheets.SheetArea.viewport).text("Accent 2").themeFont("Body");
 activeSheet.getCell(2, 9, GC.Spread.Sheets.SheetArea.viewport).text("Accent 3").themeFont("Body");
 activeSheet.getCell(2, 10).text("Accent 4").themeFont("Body");
 activeSheet.getCell(2, 11).text("Accent 5").themeFont("Body");
 activeSheet.getCell(2, 12).text("Accent 6").themeFont("Body");
 activeSheet.getCell(3, 1).value("100").themeFont("Body");
 activeSheet.getCell(3, 3).backColor("Background 1");
 activeSheet.getCell(3, 4).backColor("Text 1");
 activeSheet.getCell(3, 5).backColor("Background 2");
 activeSheet.getCell(3, 6).backColor("Text 2");
 activeSheet.getCell(3, 7).backColor("Accent 1");
 activeSheet.getCell(3, 8).backColor("Accent 2");
 activeSheet.getCell(3, 9).backColor("Accent 3");
 activeSheet.getCell(3, 10).backColor("Accent 4");
 activeSheet.getCell(3, 11).backColor("Accent 5");
 activeSheet.getCell(3, 12).backColor("Accent 6");
 activeSheet.getCell(5, 1).value("80").themeFont("Body");
 activeSheet.getCell(5, 3).backColor("Background 1 80");
 activeSheet.getCell(5, 4).backColor("Text 1 80");
 activeSheet.getCell(5, 5).backColor("Background 2 80");
 activeSheet.getCell(5, 6).backColor("Text 2 80");
 activeSheet.getCell(5, 7).backColor("Accent 1 80");
 activeSheet.getCell(5, 8).backColor("Accent 2 80");
 activeSheet.getCell(5, 9).backColor("Accent 3 80");
 activeSheet.getCell(5, 10).backColor("Accent 4 80");
 activeSheet.getCell(5, 11).backColor("Accent 5 80");
 activeSheet.getCell(5, 12).backColor("Accent 6 80");
 activeSheet.getCell(6, 1).value("60").themeFont("Body");
 activeSheet.getCell(6, 3).backColor("Background 1 60");
 activeSheet.getCell(6, 4).backColor("Text 1 60");
 activeSheet.getCell(6, 5).backColor("Background 2 60");
 activeSheet.getCell(6, 6).backColor("Text 2 60");
 activeSheet.getCell(6, 7).backColor("Accent 1 60");
 activeSheet.getCell(6, 8).backColor("Accent 2 60");
 activeSheet.getCell(6, 9).backColor("Accent 3 60");
 activeSheet.getCell(6, 10).backColor("Accent 4 60");
 activeSheet.getCell(6, 11).backColor("Accent 5 60");
 activeSheet.getCell(6, 12).backColor("Accent 6 60");
 activeSheet.getCell(7, 1).value("40").themeFont("Body"); activeSheet.getCell(7, 3).backColor("Background 1 40");
 activeSheet.getCell(7, 4).backColor("Text 1 40");
 activeSheet.getCell(7, 5).backColor("Background 2 40");
 activeSheet.getCell(7, 6).backColor("Text 2 40");
 activeSheet.getCell(7, 7).backColor("Accent 1 40");
 activeSheet.getCell(7, 8).backColor("Accent 2 40");
 activeSheet.getCell(7, 9).backColor("Accent 3 40");
 activeSheet.getCell(7, 10).backColor("Accent 4 40");
 activeSheet.getCell(7, 11).backColor("Accent 5 40");
 activeSheet.getCell(7, 12).backColor("Accent 6 40");
 activeSheet.getCell(8, 1).value("-25").themeFont("Body");
 activeSheet.getCell(8, 3).backColor("Background 1 -25");
 activeSheet.getCell(8, 4).backColor("Text 1 -25");
 activeSheet.getCell(8, 5).backColor("Background 2 -25");
 activeSheet.getCell(8, 6).backColor("Text 2 -25");
 activeSheet.getCell(8, 7).backColor("Accent 1 -25");
 activeSheet.getCell(8, 8).backColor("Accent 2 -25");
 activeSheet.getCell(8, 9).backColor("Accent 3 -25");
 activeSheet.getCell(8, 10).backColor("Accent 4 -25");
 activeSheet.getCell(8, 11).backColor("Accent 5 -25");
 activeSheet.getCell(8, 12).backColor("Accent 6 -25");
 activeSheet.getCell(9, 1).value("-50").themeFont("Body");
 activeSheet.getCell(9, 3).backColor("Background 1 -50");
 activeSheet.getCell(9, 4).backColor("Text 1 -50");
 activeSheet.getCell(9, 5).backColor("Background 2 -50");
 activeSheet.getCell(9, 6).backColor("Text 2 -50");
 activeSheet.getCell(9, 7).backColor("Accent 1 -50");
 activeSheet.getCell(9, 8).backColor("Accent 2 -50");
 activeSheet.getCell(9, 9).backColor("Accent 3 -50");
 activeSheet.getCell(9, 10).backColor("Accent 4 -50");
 activeSheet.getCell(9, 11).backColor("Accent 5 -50");
 activeSheet.getCell(9, 12).backColor("Accent 6 -50");