[{"id":"ff9bd47a-cd46-472d-af43-366f35920ef1","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f674ca00-4cf2-4f53-9a08-4aa596ff5f02","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5f9ed446-5e43-4e35-b070-bbedb3095625","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"c8f61bda-f911-4c26-aa5c-cf046d91d345","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"ffcf2b4f-0e46-41d0-b0b7-0cc510a2a482","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"4200be12-4188-42f3-9cf4-5fcaebbc57f7","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7bc4edb3-af3c-4fe3-8820-973c7b43d825","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"af815243-c00f-4782-b362-bb52a9129e99","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"bd8aaf4e-1ba8-4025-8ba9-d57cfbefbc58","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"874f311d-9a12-4e41-9c01-e7aaa99ab496","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5811b0f0-9142-4dec-87d5-11fbd1e001ec","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"cef428a7-3494-4942-81f6-6712e4b9d1e7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"3be03770-5428-4ad4-8ebc-09708a22e209","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"563145bf-65b2-4718-851d-594d1b9cf1f6","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"b273295a-e4a0-45ad-be8a-5c3a2322d22c","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"76f8df3f-5d71-4244-8fa6-6be30e10170f","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7990d3f5-9c4c-4c37-9a96-7e7b1cf0e531","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"a5d052e6-ac14-4b26-b51d-2042af4bd88c","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"4a6e9860-0849-40aa-8cdb-c16c5fb52ef4","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"b02661dd-4bf2-4e6a-94c0-c85827e19c52","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"06c9877a-acd0-49b6-8a35-52d10c942e21","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"b9cc95e6-4c7e-4ae6-9168-6270c8b9df48","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"81742c3e-102a-44f5-8e12-83cdddf79651","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f6568a5c-eb38-4edb-af3a-8af10e64b122","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f30f3e16-1db8-48eb-b7a8-de189c306e42","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"c38d9bd1-ec29-4861-bea2-e9939a1d40b8","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"c7f7e6eb-630d-4851-ab1a-eeafb6882ff9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e82078d4-d506-4d51-83ea-129c35f610c2","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"2cf396a7-8e6d-4ece-867e-2a346c855b76","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7fdf2b77-d2f1-440f-8bde-79873ae161be","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"4bfbb7a7-db6a-4e62-9bb9-043090f29e06","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"4acb1bbe-766a-4271-a1e7-156999bf6da7","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e2476b8f-2102-441c-9f8c-bbd9ca5f94c8","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"eeba73bc-77fb-4e4c-addd-f365b53e009b","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"604aae49-9273-455c-813b-c2c97aa713c7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"fd995bda-fac2-4ef5-ab75-d8f6840b937a","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"24dbdbdf-1539-4e43-8f9f-036adaf28f36","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6896e627-8625-484c-9487-48803c13019b","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"035cce7b-7cfc-405b-b003-419583668944","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"139bcd73-12b9-4e78-843c-dd63933e35b8","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f38fe005-cfd6-4f25-9c83-f5a545aaa911","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5fa9f1d8-ed73-4642-82cd-cb4f7a9a145a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"09b280d0-fc2f-438a-8d57-e87c6ef02d8b","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");