Actions

Custom Admin Themes: Difference between revisions

From LimeSurvey Manual

(Created page with "__TOC__ =LimeSurvey Version 2.06= ==Creating a new theme== *In '''''/yourLimeSurveyDirectory/styles/''''', copy and rename one of the core admin theme directories *In Glo...")
 
Line 29: Line 29:
             <filename>jquery.jcarousel.min.js</filename>
             <filename>jquery.jcarousel.min.js</filename>
             <filename>jcarousel.responsive.js</filename>
             <filename>jcarousel.responsive.js</filename>
             <filename>custom.js</filename>>
             <filename>custom.js</filename>
         </js></syntaxhighlight>
         </js></syntaxhighlight>

Revision as of 08:53, 17 August 2018

LimeSurvey Version 2.06

Creating a new theme

  • In /yourLimeSurveyDirectory/styles/, copy and rename one of the core admin theme directories
  • In Global settings --> General, activate the new theme

Insert a JavaScript file into a custom theme

See the workaround here.

LimeSurvey Version 2.5

Creating a new theme

  • Copy one of the themes from /yourLimeSurveyDirectory/styles to /yourLimeSurveyDirectory/upload/admintheme/ and rename it (let's say "'yourTheme'")
  • Modify /yourLimeSurveyDirectory/upload/admintheme/yourTheme/config.xml to change the name, description and any other items in the <metadatas> tag you see fit
  • In Global settings --> General, activate the new theme

Insert a JavaScript file into a custom theme

  • Add a custom.js file to /yourLimeSurveyDirectory/upload/admintheme/yourTheme/scripts/
  • Modify the <js> tag in /upload/admintheme/yourTheme/config.xml to include the new file so it would end up looking something like this:
        <js>
            <filename>notify.js</filename>
            <filename>save.js</filename>
            <filename>panelclickable.js</filename>
            <filename>panelsanimation.js</filename>
            <filename>sidemenu.js</filename>
            <filename>bootstrap-switch.min.js</filename>
            <filename>jquery.jcarousel.min.js</filename>
            <filename>jcarousel.responsive.js</filename>
            <filename>custom.js</filename>
        </js>