Settings Panel Generator - Appwork v1.1.0 Docs

PATHS

COMMON

RTL mode switcher

Material style switcher

LAYOUT

Layout position switcher

Navbar position switcher

Footer position switcher

Reversed layout switcher

DEFAULT NAVBAR BACKGROUND

Navbar background switcher

DEFAULT SIDENAV BACKGROUND

Sidenav background switcher

DEFAULT FOOTER BACKGROUND

Footer background switcher

DEFAULT THEME

Theme switcher

window.themeSettings = new ThemeSettings({
  cssPath: '{{cssPath}}',
  themesPath: '{{themesPath}}'
  {%- if cssFilenamePattern %},
  cssFilenamePattern: '{{cssFilenamePattern}}'
  {%- endif %}
  {%- if controls and controls.length %},
  controls: [
{{printArray(controls, 2) | safe}}
  ]
  {%- elif controls and not controls.length %},
  controls: []
  {%- endif %}
  {%- if defaultNavbarBg %},
  defaultNavbarBg: '{{defaultNavbarBg}}'
  {%- endif %}
  {%- if navbarBgs %},
  navbarBgs: [
{{printArray(navbarBgs, 2) | safe}}
  ]
  {%- endif %}
  {%- if defaultSidenavBg %},
  defaultSidenavBg: '{{defaultSidenavBg}}'
  {%- endif %}
  {%- if sidenavBgs %},
  sidenavBgs: [
{{printArray(sidenavBgs, 2) | safe}}
  ]
  {%- endif %}
  {%- if defaultFooterBg %},
  defaultFooterBg: '{{defaultFooterBg}}'
  {%- endif %}
  {%- if footerBgs %},
  footerBgs: [
{{printArray(footerBgs, 2) | safe}}
  ]
  {%- endif %}
  {%- if defaultTheme or defaultTheme === 0 %},
  defaultTheme: {{defaultTheme}}
  {%- endif %}
  {%- if availableThemes %},
  availableThemes: [
    {%- for theme in availableThemes %}
    { name: '{{theme.name}}', title: '{{theme.title}}', colors: { primary: '{{theme.colors.primary}}', navbar: '{{theme.colors.navbar}}', sidenav: '{{theme.colors.sidenav}}' } }{% if not loop.last %},{% endif %}
    {%- endfor %}
  ]
  {%- endif %}
});