Actions

Translations

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

From LimeSurvey Manual

 
Line 1: Line 1:
De thema-editor voor het thema extends_monochrome ziet er uit als:
+
De thema-editor ziet er voor het thema extends_monochrome uit als:
 
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Wijzigen thema extends_monochrome'']]
 
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Wijzigen thema extends_monochrome'']]
 
<br /><br />
 
<br /><br />

Latest revision as of 14:27, 15 May 2019

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]]
TranslationDe thema-editor ziet er voor het thema extends_monochrome uit als:
[[File:Editing extends monochrome.jpg|center|baseline|border|'' Wijzigen thema extends_monochrome'']]
<br /><br />
De belangrijkste verschillen met de oude versie zijn:
 <br />
* Het keyword '''inherited''' op de bestandslijst. Het geeft geen bestand in de thema-map aan, maar dat het bestand van het originele thema wordt gebruikt.
[[File:Inherited.jpg|center]]
<br>
*  De editor zelf  ( [https://ace.c9.io 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.
[[File:Twig code in editor.jpg|center|''Twig-code, voor Enquête-lijst'']]
<br>
* 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.
[[File:Newscreens editables.jpg|195px|center|''Je kunt nu alle schermen aanpassen.'']]
<br />
* De link ‘tip’ onderaan de bestandslijst geeft je de mogelijkheid om op de Twig-manier een afbeelding in je HTML toe te voegen.
[[File:Tip picture.png|605px|center]]
<br />
* De knop ‘Bewaar wijzigingen’ heeft nu als tekst '''Kopieer naar lokaal thema en wijzigingen opslaan'''.
[[File:Copytolocal.png|360px|center]]

De thema-editor ziet er voor het thema extends_monochrome uit als:

 Wijzigen thema extends_monochrome



De belangrijkste verschillen met de oude versie zijn:  

  • Het keyword inherited op de bestandslijst. Het geeft geen bestand in de thema-map aan, maar dat het bestand van het originele thema wordt gebruikt.
Inherited.jpg


  • 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


  • 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.


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


  • De knop ‘Bewaar wijzigingen’ heeft nu als tekst Kopieer naar lokaal thema en wijzigingen opslaan.
Copytolocal.png