Actions

Translations

New Template System in LS3.x/78/de: Difference between revisions

From LimeSurvey Manual

No edit summary
No edit summary
 
Line 62: Line 62:
}</syntaxhighlight>  
}</syntaxhighlight>  
#Schalten Sie die Designoption „Umfragename unter Fortschrittsbalken“ auf „Ja“
#Schalten Sie die Designoption „Umfragename unter Fortschrittsbalken“ auf „Ja“
#Sie sollten Folgendes sehen:<br /> [[Datei:Tutorial_tp_1_3.png]]
#Sie sollten Folgendes sehen:<br /> [[File:Tutorial_tp_1_3.png]]

Latest revision as of 09:09, 4 April 2024

Message definition (New Template System in LS3.x)
===Modifed view for Survey Title in the navbar===
#Create a new directory <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/header/</span>.
#Copy <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/header/nav_bar.twig</span> to that new directory.
#Open <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/header/nav_bar.twig</span> and find "{# Logo option #}". Under that, modify the IF statement for the logo/survey-name, so it looks like this:<syntaxhighlight lang="html">
{# Logo option #}
       {% if( aSurveyInfo.options.brandlogo == "on") %}
           <div class="{{ aSurveyInfo.class.navbarbrand }} logo-container"  {{ aSurveyInfo.attr.navbarbrand }}  >
               {{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }}
           </div>
       {% endif %}
       {% if( aSurveyInfo.options.surveyname1 == "on") %}
           <div class="{{ aSurveyInfo.class.navbarbrand }}"  {{ aSurveyInfo.attr.navbarbrand }} >
               {{ aSurveyInfo.name }}
           </div>
       {% endif %}</syntaxhighlight>
#Add something like this to <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span>:<syntaxhighlight lang="css">.navbar-brand {
   line-height: 60px;
   font-size: 32px;
}</syntaxhighlight>
#Toggle the "Survey name in navbar" theme option to "Yes"
#You should see this:<br />[[File:Tutorial_tp_1_2.png]]
===Modifed view for Survey Title under progress bar===
#Create a new directory <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/views/subviews/survey/group_subviews</span>.
#Copy <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig</span> to that new directory.
#Open <span style="color: #BA2121;">/themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig</span> and add an <nowiki><h1></nowiki> element for the survey name. So it looks like this:<syntaxhighlight lang="html"><div class="{{ aSurveyInfo.class.groupcontainer }} space-col" {{ aSurveyInfo.attr.groupcontainer }}>
 
   {# Custom survey name #}
   {% if( aSurveyInfo.options.surveyname2 == "on") %}
   <h1 class="custom-survey-name">{{ aSurveyInfo.name }}</h1>
   {% endif %}
 
   {# Group Name #}
   {{ include('./subviews/survey/group_subviews/group_name.twig') }}
 
   {# Group Description #}
   {{ include('./subviews/survey/group_subviews/group_desc.twig') }}
 
   {#
       PRESENT THE QUESTIONS
 
       This is the main part. It will render each question for this group
     #}
 
   <!-- PRESENT THE QUESTIONS -->
   {% for  aQuestion in aGroup.aQuestions %}
         {{ include('./subviews/survey/question_container.twig') }}
   {% endfor %}
 
   <!-- Hidden inputs -->
   {% if aGroup.show_last_group == true %}
       <input type='hidden' name='lastgroup' value='{{ aGroup.lastgroup }}' id='lastgroup' />
   {% endif %}
 
   {% if aGroup.show_last_answer == true %}
       <input type='hidden' name='lastanswer' value='{{ aGroup.lastanswer }}' id='lastanswer' />
   {% endif %}
</div></syntaxhighlight>
# Add something like this to <span style="color: #BA2121;">/upload/themes/survey/yourThemeName/css/custom.css</span>:<syntaxhighlight lang="css">.navbar-brand {
   line-height: 60ph1.custom-survey-name {
margin: 0;
text-align: center;
}</syntaxhighlight>
#Toggle the "Survey name below progress bar" theme option to "Yes"
#You should see this:<br />[[File:Tutorial_tp_1_3.png]]

Geänderte Ansicht für den Umfragetitel in der Navigationsleiste

  1. Erstellen Sie ein neues Verzeichnis /upload/themes/survey/yourThemeName/views/subviews/header/ .
  2. Kopieren Sie /themes/survey/vanilla/ views/subviews/header/nav_bar.twig in das neue Verzeichnis.
  3. Öffnen Sie /themes/survey/vanilla/views/subviews/header/nav_bar.twig und suchen Sie nach „{# Logo option #}“. Ändern Sie darunter die IF-Anweisung für das Logo/den Umfragenamen, sodass sie wie folgt aussieht:
     
 {# Logo-Option #}
 {% if( aSurveyInfo.options.brandlogo == "on") %}
 <div class="{{ aSurveyInfo.class.navbarbrand }} logo-container"  {{ aSurveyInfo.attr.navbarbrand }}  > 
 {{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }}
</div> 
 {% endif %}
 {% if( aSurveyInfo.options.surveyname1 == "on") %}
<div class="{{ aSurveyInfo.class.navbarbrand }}"  {{ aSurveyInfo.attr.navbarbrand }} > 
 {{ aSurveyInfo.name }}
</div> 
 {% endif %}
  4. Fügen Sie so etwas zu /upload/themes/survey/yourThemeName/css/custom.css hinzu:
     .navbar-brand {
 Zeilenhöhe: 60px;
 Schriftgröße: 32px;
}
  5. Schalten Sie die Designoption „Umfragename in der Navigationsleiste“ auf „Ja“
  6. Sie sollten Folgendes sehen:

Geänderte Ansicht für Umfragetitel unter Fortschrittsbalken

  1. Erstellen Sie ein neues Verzeichnis /upload/themes/survey/yourThemeName/views/subviews/survey/group_subviews .
  2. Kopieren Sie /themes/survey/vanilla/views/subviews/survey/group_subviews/group_container.twig in das neue Verzeichnis.
  3. Öffnen Sie /themes/survey/vanilla/views/subviews/survey/group_subviews/group_container .twig und fügen Sie eine hinzu<h1> Element für den Umfragenamen. Es sieht also so aus: 
    <div class="{{ aSurveyInfo.class.groupcontainer }} space-col" {{ aSurveyInfo.attr.groupcontainer }}>
 
 {# Benutzerdefinierter Umfragename #}
 {% if( aSurveyInfo.options.surveyname2 == "on") %}
<h1 class="custom-survey-name"> {{ aSurveyInfo.name }}</h1> 
 {% endif %}
 
 {# Gruppenname #}
 {{ include('./subviews/survey/group_subviews/group_name.twig') }}
 
 {# Gruppenbeschreibung #}
 {{ include('./subviews/survey/group_subviews/group_desc.twig') }}
 
 {#
 PRÄSENTIEREN SIE DIE FRAGEN
 
 Dies ist der Hauptteil. Es wird jede Frage für diese Gruppe gerendert
 #}
 
<!-- PRESENT THE QUESTIONS --> 
 {% für eine Frage in aGroup.aQuestions %}
 {{ include('./subviews/survey/question_container.twig') }}
 {% endfor %}
 
<!-- Hidden inputs --> 
 {% if aGroup.show_last_group == true %}
<input type='hidden' name='lastgroup' value='{{ aGroup.lastgroup }}' id='lastgroup' /> 
 {% endif %}
 
 {% if aGroup.show_last_answer == true %}
<input type='hidden' name='lastanswer' value='{{ aGroup.lastanswer }}' id='lastanswer' /> 
 {% endif %}
</div>
  4. Fügen Sie so etwas zu /upload/themes/survey/yourThemeName/css/custom.css hinzu:
     .navbar-brand {
 Zeilenhöhe: 60ph1.custom-survey-name {
 Rand: 0;
 text-align: center;
}
  5. Schalten Sie die Designoption „Umfragename unter Fortschrittsbalken“ auf „Ja“
  6. Sie sollten Folgendes sehen:
Retrieved from "http://manual.limesurvey.org/index.php?title=Translations:New_Template_System_in_LS3.x/78/de&oldid=377010"