Difference between revisions of "Widget Editor Theme Tab"
From dataZoa Wiki
(Created page with "__TOC__ === Themes: === <div style="margin: 2em; margin-left: 6em;"> Select a theme to use in applying colors and style to the Widget. There are a handful of preconfigured th...") |
m |
||
| Line 7: | Line 7: | ||
| − | === <div class="Gdib DZGrayButRnd"><div class="imgWholeWrap1"><div class="imgWhole" data-guts="{url:'/img/Up-Down.png', title:'Advanced Options', xtraStyle:'height:16px;width:16px;'}"></div></div> Advanced Options</div> === | + | ===<div class="Gdib DZGrayButRnd"><div class="imgWholeWrap1"><div class="imgWhole" data-guts="{url:'/img/Up-Down.png', title:'Advanced Options', xtraStyle:'height:16px;width:16px;'}"></div></div> Advanced Options</div>=== |
| + | |||
| + | ==== Remote Theme: ==== | ||
<div style="margin: 2em; margin-left: 6em;"> | <div style="margin: 2em; margin-left: 6em;"> | ||
| − | + | Optionally bypass all preconfigured themes by linking to a custom remote theme file. | |
| + | * Using https is required to ensure proper loading of themes | ||
| + | * Themes are JavaScript files which set and apply Highchart options | ||
| + | * Namespace your theme object as: <i>Highchart.theme = {...}</i> | ||
| + | * After creation, apply your theme via: <i>Highcharts.setOptions(Highcharts.theme);</i> | ||
</div> | </div> | ||
Revision as of 06:19, 11 September 2018
Contents
Themes:
Select a theme to use in applying colors and style to the Widget. There are a handful of preconfigured themes to choose from with their basic effects displayed in the Theme Preview to the right.
Advanced Options
Advanced Options
Remote Theme:
Optionally bypass all preconfigured themes by linking to a custom remote theme file.
- Using https is required to ensure proper loading of themes
- Themes are JavaScript files which set and apply Highchart options
- Namespace your theme object as: Highchart.theme = {...}
- After creation, apply your theme via: Highcharts.setOptions(Highcharts.theme);
