Actions

Translations

New Template System in LS3.x/17/nl: Difference between revisions

From LimeSurvey Manual

No edit summary
No edit summary
Line 1: Line 1:
De sjablooneditor voor het sjabloon extends_monochrome ziet er uit als:
De sjablooneditor voor het sjabloon extends_monochrome ziet er uit als:
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Editing extends_monochrome template'']]
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Wijzigen sjabloon extends_monochrome'']]
<br /><br />
<br /><br />
De belangrijkste verschillen met de oude versie zijn:
De belangrijkste verschillen met de oude versie zijn:

Revision as of 14:36, 31 March 2018

Message definition (New Template System in LS3.x)
The theme editor for the extends_monochrome theme looks like that:
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Editing extends_monochrome theme'']]
<br /><br />
There is no big difference with the old theme editor. Let’s list the main ones:
 <br />
* The keyword '''inherited''' on the file list. It means that the file is not present in the theme directory and that the file from the original theme will be used.
[[File:Inherited.jpg|center]]
<br>
*  The main editor ( [https://ace.c9.io ACE editor ] ) shows the content of the selected file. The files not only contain HTML, CSS or JS, but also Twig statements. Those Twig statements give us the possibility to push some logic to theme views that were located deep in the core before, and that now can be customized.
[[File:Twig code in editor.jpg|center|''Some twig code, for Survey List'']]
<br>
* This is why you have more screen types available in the dropdown selector of the top menu now. You’ll notice pages such as ‘Survey List’, ‘Load’, ‘Save’, ‘Error’, ‘Registration’, ‘Assessments’, ‘Print Answers’ that weren’t available before, or that you couldn’t really be customized before.
[[File:Newscreens editables.jpg|195px|center|''Now, you can customize all screens'']]
<br />
* The ‘tip’ link at the bottom of the file list gives you the Twig way to add a picture in your HTML
[[File:Tip picture.png|605px|center]]
<br />
* The button ‘save changes’ becomes a button '''Copy to local theme and save changes'''
[[File:Copytolocal.png|360px|center]]

De sjablooneditor voor het sjabloon extends_monochrome ziet er uit als:

Wijzigen sjabloon extends_monochrome
Wijzigen sjabloon extends_monochrome



De belangrijkste verschillen met de oude versie zijn:  

  • Het keyword inherited op de bestandslijst. Het geeft geen bestand in de sjabloonmap aan, maar dat het bestand van het originele sjabloon wordt gebruikt.


  • De editor zelf ( ACE editor ) toont de inhoud van het geselecteerde bestand. Een bestand bevat naast HTML, CSS en JavaScript ook Twig-statements. Deze Twig-statements maken het mogelijk om logica vanuit de oude core naar de views te verplaatsen, die logica kan nu worden aangepast.
Twig-code, voor Enquête-lijst
Twig-code, voor Enquête-lijst


  • Hierdoor heb je nu meer schermtypes beschikbaar in de dropdownlijst van het menu. Er zijn nu pagina's als ‘Survey List’, ‘Load’, ‘Save’, ‘Error’, ‘Registration’, ‘Assessments’, ‘Print Answers’ beschikbaar gekomen die eerder nauwelijks gewijzigd konden worden.
Je kunt nu alle schermen aanpassen.
Je kunt nu alle schermen aanpassen.


  • De link ‘tip’ onderaan de bestandlijst geeft je de mogelijkheid om op de Twig-manier een afbeelding in je HTML toe te voegen.


  • De knop ‘Bewaar wijzigingen’ heeft nu als tekst Kopieer naar lokaal sjabloon en wijzigingen opslaan