Opțiuni temă
From LimeSurvey Manual
LimeSurvey 3 introduce un nou sistem de motor de șablon, bazat pe Twig 1.29 și Bootstrap care permite moștenirea șablonului și diferite opțiuni de șablon.
Instalați Limesurvey 3.0+ pentru a obține acces la funcția „Opțiuni de temă” pentru sondaj. Această opțiune „nu” va fi disponibilă în versiunile mai vechi de LimeSurvey!
Introducere
„Opțiunile temei” oferă un set de instrumente care le permit administratorilor de sondaje să modifice rapid și ușor setările legate de teme ale sondajelor lor.
Panou de opțiuni temă
Accesați funcția „Opțiuni de temă” din Setări sondaj:
Bara de instrumente a panoului conține două file: fila „Opțiuni simple” și fila „Opțiuni avansate”.
Opțiuni simple
Următoarele sunt afișate pe pagina de opțiuni Teme:
Rețineți că fiecare temă vine cu anumite opțiuni care pot fi modificate din opțiunile „tema sondajului'. În această secțiune wiki, tema implicită LimeSurvey fructat este folosită pentru a arăta cât de rapid și ușor, dar totuși puternice pot fi implementate modificări la o temă de către utilizatori fără cunoștințe prealabile în HTML, php și/sau CSS.
„Fila de opțiuni simple” este preselectată. Cele mai importante setări ale temei sondajului pot fi modificate de aici:
- Moșteniți totul: Dacă butonul da este selectat, toate configurațiile temei vor fi moștenite de la nivelul de configurare global. Dacă faceți clic pe „nu” și faceți clic pe butonul „Salvare” situat în partea dreaptă sus a ecranului, vor fi afișate mai multe opțiuni de configurare a temei. Fiecare dintre aceste opțiuni poate fi setată la:
- să moștenească configurațiile temei grupului de sondaj - „moștenire” (cu excepția cazului în care este neschimbată, tema sondajului dvs. va moșteni configurația temei globale);
- nu moștenește nicio configurație globală. configurarea temei - nu;
- sau activați o altă configurație - da. Setările temei pot fi configurate după cum doriți, dacă este aleasă această opțiune. Puteți observa că fiecare setare de temă vă permite să selectați valoarea „moștenire”.
Sistemul de moștenire se aplică pe trei niveluri:
- la nivel global (accesibil din lista de șabloane). Celelalte două niveluri moștenesc setările globale ale temei;
- la nivel de grup de sondaj (accesibil din panoul de setări ale sondajului). Setările temei la nivel de grup de sondaj moștenesc setările temei globale;
- la nivel de sondaj. Setările temei sondajului moștenesc setările temei grupului de sondaj.
- Fonturile temei: Selectați fontul pe care doriți să îl utilizați pentru tema dvs.;
- Variațiile temei: Selectați una dintre variantele temei disponibile din lista derulantă. Schimbă fontul și culoarea pictogramelor.
No inheritance
As mentioned above, you can choose from the survey settings menu not to inherit the global theme configuration. Once you click the Save button, more options will be displayed:
To show the power of this feature, the following explanations will be based on the fruity theme. Please note that each theme comes with its own customizable options.
- Ajax mode: If enabled, the survey page will be loaded faster via ajax (recommended for the average LimeSurvey user). If disabled, the page will be loaded via page reload, which is better for debugging purposes;
- Survey container: If yes is selected, the survey will be displayed in a container - its width is limited. This option is useful if your survey participants complete your survey from their mobile phones or tablets because the survey width is controlled. Therefore, it is more comfortable for your respondents because they will not have to scroll right anymore to read the whole question or to see all the answer options. If the survey is embedded in a blog and/or forum, you can also deactivate this option since they already use a certain width.
- Question borders: If enabled, each question will be shown within a border. If set to no, the questions will not be contained in a box (so you can use large array question types that are bigger than the screen width);
- Question shadow: If enabled, a shadow will be displayed around the in(visible) question borders.
- Background color: Select the background colour of the whole question, including the answers;
- Font color: Change the font color by selecting from the popup menu the desired color.
- Question background color: Change the question background color by selecting from the popup menu the desired color.
- Check icon: This setting allows you to select the desired check icon when multiple choice question types are employed.
- Background image: If set to no, you may select a different background image from the one used within your survey group and/or global theme settings. You may also upload a personalised survey background image by clicking on the upload button located in the bottom of the theme settings panel and selecting the desired image from your computer;
- Brand logo: If set to no, the name of the survey will be shown in the top bar, or, 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: If set to yes, you choose one of the animations to apply to your survey questions when they are loaded.
- Animate alert: If set to yes, your survey alerts (when the survey data is not recorded or the wrong token is typed in) will be animated according to the selected animation option.
- Animate checkbox: If set to yes, anytime you check an answer option, the animation is triggered.
- Animate radio buttons: If set to yes, anytime you select an option from a radio-type question, the animation is triggered.
The library used for animations is animate.css. You can either use the default or add your own animation library.
Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.- Fruity fonts: Select the font you wish to use for your theme;
- Fruity variations:Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
- 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.
Advanced options
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!