Actions

Translations

New Template System in LS3.x/30/en: Difference between revisions

From LimeSurvey Manual

(Importing a new version from external source)
 
(Importing a new version from external source)
 
Line 3: Line 3:
{"replace": [["css/bootstrap.css","css/darkly.css"]]}
{"replace": [["css/bootstrap.css","css/darkly.css"]]}
<br>
<br>
Here are the different simple options for the Core templates:
Here are the different simple options for the Core themes:
*'''Ajax mode:''' Should the next page be loaded via ajax (faster) or via page reload (better for debugging purpose)
*'''Ajax mode:''' Should the next page be loaded via ajax (faster) or via page reload (better for debugging purpose)
*'''Background image:''' if set to Yes, the image called pattern.png will be loaded (will be replaced by a file selector in Master)
*'''Background image:''' if set to Yes, the image called pattern.png will be loaded (will be replaced by a file selector in Master)
Line 14: Line 14:
<br>
<br>
The library used for animations is animate.css: https://daneden.github.io/animate.css/
The library used for animations is animate.css: https://daneden.github.io/animate.css/
Of course, a template provider could add his own animation library or no animation library at all.
Of course, a theme provider could add his own animation library or no animation library at all.

Latest revision as of 20:15, 12 June 2019

Message definition (New Template System in LS3.x)
&#123;"replace": &#91;&#91;"css/bootstrap.css","css/flatly.css"]]}<br>
to<br>
&#123;"replace": &#91;&#91;"css/bootstrap.css","css/darkly.css"]]}
<br>
Here are the different simple options for the Core themes:
*'''Ajax mode:''' Should the next page be loaded via ajax (faster) or via page reload (better for debugging purpose)
*'''Background image:''' if set to Yes, the image called pattern.png will be loaded (will be replaced by a file selector in Master)
*'''Box container:''' if set to No, the questions will not be contained in a box (so you can use large arrays bigger than the screen width)
*'''Brandlogo:''' if set to no, the name of the survey will be shown in top bar, else, you can select one of the pictures inside the file directory to be used as logo picture.
*'''Animate body:''' if set to yes, you can choose one of the animations to apply when the body of the survey is loaded
*'''Animate question:''' same with questions
*'''Animate alerts:''' same with alerts
*'''Bootstrap theme:''' here, you can choose a Bootstrap theme to load. They come from Bootswatch https://bootswatch.com/3/
<br>
The library used for animations is animate.css: https://daneden.github.io/animate.css/
Of course, a theme provider could add his own animation library or no animation library at all.

{"replace": [["css/bootstrap.css","css/flatly.css"]]}
to
{"replace": [["css/bootstrap.css","css/darkly.css"]]}
Here are the different simple options for the Core themes:

  • Ajax mode: Should the next page be loaded via ajax (faster) or via page reload (better for debugging purpose)
  • Background image: if set to Yes, the image called pattern.png will be loaded (will be replaced by a file selector in Master)
  • Box container: if set to No, the questions will not be contained in a box (so you can use large arrays bigger than the screen width)
  • Brandlogo: if set to no, the name of the survey will be shown in top bar, else, you can select one of the pictures inside the file directory to be used as logo picture.
  • Animate body: if set to yes, you can choose one of the animations to apply when the body of the survey is loaded
  • Animate question: same with questions
  • Animate alerts: same with alerts
  • Bootstrap theme: here, you can choose a Bootstrap theme to load. They come from Bootswatch https://bootswatch.com/3/


The library used for animations is animate.css: https://daneden.github.io/animate.css/ Of course, a theme provider could add his own animation library or no animation library at all.