Actions

Theme options/de: Difference between revisions

From LimeSurvey Manual

(Created page with "-")
(Updating to match new version of source page)
(5 intermediate revisions by 2 users not shown)
Line 3: Line 3:
__TOC__
__TOC__


<div class="mw-translate-fuzzy">
<div class="simplebox">[[File:help.png]] Seit LimeSurvey 3 besteht ein völlig neues System zum bearbeiten von Designvorlagen, welches auf [https://twig.symfony.com/ Twig 1.29] und [https://getbootstrap.com/ Bootstrap] basiert. </div>
<div class="simplebox">[[File:help.png]] Seit LimeSurvey 3 besteht ein völlig neues System zum bearbeiten von Designvorlagen, welches auf [https://twig.symfony.com/ Twig 1.29] und [https://getbootstrap.com/ Bootstrap] basiert. </div>
</div>




Line 11: Line 13:
=Einführung=
=Einführung=


<div class="mw-translate-fuzzy">
Hier können spezielle Änderungen am Design vorgenommen werden, die nur Ihre Umfrage betreffen.
Hier können spezielle Änderungen am Design vorgenommen werden, die nur Ihre Umfrage betreffen.
 
</div>


= Umfrageoptionen für die Designvorlage =
= Umfrageoptionen für die Designvorlage =


<div class="mw-translate-fuzzy">
Diese Einstellungen erreichen Sie über die [[Survey settings/de|Umfrageeinstellungen]]:
Diese Einstellungen erreichen Sie über die [[Survey settings/de|Umfrageeinstellungen]]:
</div>




Line 22: Line 27:




<div class="mw-translate-fuzzy">
Die Symbolleiste enthält zwei Registerkarten: "einfache Optionen" und "erweiterte Optionen":
Die Symbolleiste enthält zwei Registerkarten: "einfache Optionen" und "erweiterte Optionen":
</div>




== Einfache Optionen ==
== Einfache Optionen ==


<div class="mw-translate-fuzzy">
Folgende Einstellungen stehen zur Verfügung:
Folgende Einstellungen stehen zur Verfügung:
</div>




Line 33: Line 42:




<div class="mw-translate-fuzzy">
{{Alert|Title=Attention|text= = Bitte beachten Sie, dass jedes Design bestimmte Optionen enthält, die hier geändert werden können. In diesem Beispiel wird das Standarddesign "fruity" verwendet.}}
{{Alert|Title=Attention|text= = Bitte beachten Sie, dass jedes Design bestimmte Optionen enthält, die hier geändert werden können. In diesem Beispiel wird das Standarddesign "fruity" verwendet.}}
</div>


Folgende Einstellungen können hier vorgenommen werden:
Folgende Einstellungen können hier vorgenommen werden:


<div class="mw-translate-fuzzy">
* '''Inherit everything ("alles erben"):''' Ist ja ausgewählt, werden alle Einstellungen der vordefinierten Designvorlage übernommen. Wenn Sie auf ''Nein'' klicken, werden weitere Konfigurationsmöglichkeiten für das Thema angezeigt.
* '''Inherit everything ("alles erben"):''' Ist ja ausgewählt, werden alle Einstellungen der vordefinierten Designvorlage übernommen. Wenn Sie auf ''Nein'' klicken, werden weitere Konfigurationsmöglichkeiten für das Thema angezeigt.
</div>


{{Box | Das Vererbungssystem wird auf drei Ebenen angewendet
{{Box | Das Vererbungssystem wird auf drei Ebenen angewendet
Line 50: Line 63:
=== Keine Vererbung ===
=== Keine Vererbung ===


<div class="mw-translate-fuzzy">
Sollen keine Einstellungen aus dem globalen Design übernommen werden, ist "inherit everything" auf nein zu stellen. Anschließend werden folgende Optionen angezeigt:
Sollen keine Einstellungen aus dem globalen Design übernommen werden, ist "inherit everything" auf nein zu stellen. Anschließend werden folgende Optionen angezeigt:
</div>




Line 56: Line 71:




<div class="mw-translate-fuzzy">
{{Box | Auch hier basieren die Einstellungsmöglichkeiten auf dem Design "fruity".}}
{{Box | Auch hier basieren die Einstellungsmöglichkeiten auf dem Design "fruity".}}
</div>


* '''Ajax-Modus:''' Wenn aktiviert, wird die Umfrageseite schneller über Ajax geladen (''empfohlen für den durchschnittlichen LimeSurvey-Benutzer''). Wenn diese Option deaktiviert ist, wird die Seite durch Neuladen der Seite geladen.
* '''Ajax-Modus:''' Wenn aktiviert, wird die Umfrageseite schneller über Ajax geladen (''empfohlen für den durchschnittlichen LimeSurvey-Benutzer''). Wenn diese Option deaktiviert ist, wird die Seite durch Neuladen der Seite geladen.
Line 72: Line 89:
-  
-  


<div class="mw-translate-fuzzy">
* '''Hintergrundbild:'''  
* '''Hintergrundbild:'''  
** "ja": Auswahl eines eigenen Hintergrund-Bildes
** "ja": Auswahl eines eigenen Hintergrund-Bildes
Line 80: Line 98:
** "nein": kein Logo angezeigt
** "nein": kein Logo angezeigt
** "vererben": Übernahme der Vorlage-Standardeinstellung
** "vererben": Übernahme der Vorlage-Standardeinstellung
</div>


-  
-  
Line 86: Line 105:
** hier können Sie etwaige Animationen festlegen bzw. ausschalten
** hier können Sie etwaige Animationen festlegen bzw. ausschalten


<div class="mw-translate-fuzzy">
{{Box | Die für Animationen verwendete Bibliothek ist [https://daneden.github.io/animate.css/ animate.css]. Sie können entweder die Standardbibliothek verwenden oder Ihre eigene Animationsbibliothek hinzufügen.}}
{{Box | Die für Animationen verwendete Bibliothek ist [https://daneden.github.io/animate.css/ animate.css]. Sie können entweder die Standardbibliothek verwenden oder Ihre eigene Animationsbibliothek hinzufügen.}}
</div>


<div class="mw-translate-fuzzy">
{{Note| Geben Sie im Feld für die Dauer eine Zahl ein. Wenn Sie zehn (10) eingeben, dauert die Animation 10 Sekunden.}}
{{Note| Geben Sie im Feld für die Dauer eine Zahl ein. Wenn Sie zehn (10) eingeben, dauert die Animation 10 Sekunden.}}
</div>


-  
-  
Line 97: Line 120:
-  
-  


*'''Upload:''' Browse your computer to upload an image to be used as logo or background image for your theme. Writing permissions might be requested on the "/themes/survey/fruity/files" folder - the location where the uploaded images will be stored in your LimeSurvey installation.
* '''Ein Bild hochladen:''' Hier können Sie eigene Logos oder Hintergrundbilder auf den Server laden. Möglicherweise werden Schreibberechtigungen für den Ordner "/ themes / survey / fruity / files" angefordert.


==Advanced options==
== Erweiterte Optionen ==
{{QS:Theme editor - advanced options}}
{{QS:Theme editor - advanced options}}

Revision as of 17:16, 5 June 2021

Seit LimeSurvey 3 besteht ein völlig neues System zum bearbeiten von Designvorlagen, welches auf Twig 1.29 und Bootstrap basiert.


Diese Einstellungen stehen erst ab LimeSurvey Version 3 zur Verfügung


Einführung

Hier können spezielle Änderungen am Design vorgenommen werden, die nur Ihre Umfrage betreffen.

Umfrageoptionen für die Designvorlage

Diese Einstellungen erreichen Sie über die Umfrageeinstellungen:



Die Symbolleiste enthält zwei Registerkarten: "einfache Optionen" und "erweiterte Optionen":


Einfache Optionen

Folgende Einstellungen stehen zur Verfügung:



  = Bitte beachten Sie, dass jedes Design bestimmte Optionen enthält, die hier geändert werden können. In diesem Beispiel wird das Standarddesign "fruity" verwendet.


Folgende Einstellungen können hier vorgenommen werden:

  • Inherit everything ("alles erben"): Ist ja ausgewählt, werden alle Einstellungen der vordefinierten Designvorlage übernommen. Wenn Sie auf Nein klicken, werden weitere Konfigurationsmöglichkeiten für das Thema angezeigt.
Das Vererbungssystem wird auf drei Ebenen angewendet
  • Auf globaler Ebene (Zugriff über die Vorlagenliste). Die anderen beiden Ebenen erben die globalen Designeinstellungen;
  • Auf der Ebene der Umfragegruppe (über das Einstellungsfenster der Umfrage). Die Designeinstellungen auf der Umfragegruppenebene übernehmen die globalen Designeinstellungen.
  • Auf der Umfrageebene. Die Einstellungen für das Umfragethema übernehmen die Einstellungen für das Thema der Umfragegruppe.


  • Design-Schriften: Wählen Sie die Schriftart aus, die Sie für Ihr Design verwenden möchten;
  • Theme-Variationen: Wählen Sie eine der verfügbaren Theme-Variationen aus der Dropdown-Liste aus. Es ändert die Schriftart und die Farbe der Symbole.


Keine Vererbung

Sollen keine Einstellungen aus dem globalen Design übernommen werden, ist "inherit everything" auf nein zu stellen. Anschließend werden folgende Optionen angezeigt:



Auch hier basieren die Einstellungsmöglichkeiten auf dem Design "fruity".
  • Ajax-Modus: Wenn aktiviert, wird die Umfrageseite schneller über Ajax geladen (empfohlen für den durchschnittlichen LimeSurvey-Benutzer). Wenn diese Option deaktiviert ist, wird die Seite durch Neuladen der Seite geladen.
  • Umfrage-Container: Wenn Ja ausgewählt ist, wird die Umfrage in einem Container angezeigt - seine Breite ist begrenzt. Diese Option ist nützlich, wenn Ihre Umfrageteilnehmer Ihre Umfrage auch von ihren Mobiltelefonen oder Tablets aus abschließen. Dadurch ist es für Ihre Befragten angenehmer, da sie nicht mehr nach rechts scrollen müssen, um die gesamte Frage zu lesen oder alle Antwortmöglichkeiten zu sehen.
  • Fragereahmen: Wenn aktiviert, wird jede Frage innerhalb einer Umrandung angezeigt. Bei der Einstellung nein werden die Fragen nicht in einer Box enthalten (Sie können also große Array-Fragetypen verwenden, die größer als die Bildschirmbreite sind)
  • Frageschatten: Wenn aktiviert, wird ein Schatten um die (sichtbaren) Fragenumrandungen angezeigt.

-

  • Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der gesamten Frage, einschließlich der Antworten;
  • Schriftfarbe: Ändern Sie die Schriftfarbe, indem Sie im Popup-Menü die gewünschte Farbe auswählen.
  • Hintergrundfarbe der Frage: Ändern Sie die Hintergrundfarbe der Frage, indem Sie im Popup-Menü die gewünschte Farbe auswählen!
  • Markierungsssymbol: Mit dieser Einstellung können Sie die gewünschte Farbe auswählen. Aktivieren Sie das Symbol, wenn Multiple-Choice-Fragetypen verwendet werden.

-

  • Hintergrundbild:
    • "ja": Auswahl eines eigenen Hintergrund-Bildes
    • "nein": kein Hintergrundbild
    • "vererben": Übernahme der Vorlage-Standardeinstellung
  • Logo:
    • "ja": Auswahl eines eignen Logos
    • "nein": kein Logo angezeigt
    • "vererben": Übernahme der Vorlage-Standardeinstellung

-

  • "HTML-Body"/"Fragen"/"Warnung"/"Kontrollkästchen"/"Optionsfelder" anmieren:
    • hier können Sie etwaige Animationen festlegen bzw. ausschalten
Die für Animationen verwendete Bibliothek ist animate.css. Sie können entweder die Standardbibliothek verwenden oder Ihre eigene Animationsbibliothek hinzufügen.
Geben Sie im Feld für die Dauer eine Zahl ein. Wenn Sie zehn (10) eingeben, dauert die Animation 10 Sekunden.

-

  • Design-Schriften: Wählen Sie die Schriftart aus, die Sie für Ihr Design verwenden möchten;
  • Theme-Variationen: Wählen Sie eine der verfügbaren Theme-Variationen aus der Dropdown-Liste aus. Es ändert die Schriftart und die Farbe der Symbole.

-

  • Ein Bild hochladen: Hier können Sie eigene Logos oder Hintergrundbilder auf den Server laden. Möglicherweise werden Schreibberechtigungen für den Ordner "/ themes / survey / fruity / files" angefordert.

Erweiterte Optionen

<translate>

When you open the theme options tab, you can choose to edit either its simple options or its advanced options. “Advanced options” is just a naked form that gives you access to the main theme configuration fields from the database. To understand how it works, you should also read about the XML file and the creation of a theme from scratch. So, it’s rather complex and made for advanced users.

However, if you do wish to perform advanced settings editing, click on the advanced options tab



  • Files css: The CSS files that should be added to the template;
  • Files js: The JS files that should be added to the template;
  • Files Print Css: The CSS files to load when printing a template;
  • Options: This field includes the options (and their value) that should be parsed to the template view;
  • CssFramework Name: The name of the CSS framework to load. For now, only Bootstrap or nothing;
  • Cssframework Css: You can replace the core bootstrap.css in this field by a different custom version of it;
  • Cssframework Js: The field core boostrap.js can be replaced from here by a different custom version of it;
  • Packages To Load: You can load from this setting some core asset packages from LimeSurvey.

You’ll notice an upload input at the top, which gives you the possibility to upload a file into the file directory of the theme. These parameters can be used to change the entire appearance of the theme.

  Warning! : Don't touch the values unless you know what you're doing!


</translate>