Actions

Opzioni del tema

From LimeSurvey Manual

Revision as of 14:40, 8 August 2023 by Maren.fritz (talk | contribs) (Created page with "*'''Animate body:''' Se impostato a ''yes'', puoi scegliere una delle animazioni da applicare quando viene caricato il "body" del sondaggio; *'''Animate question:' '' Se impos...")
LimeSurvey 3 introduce un nuovo sistema di template engine, basato su Twig 1.29 e Bootstrap che consente l'ereditarietà del modello e diverse opzioni del modello.


Installa Limesurvey 3.0+ per accedere alla funzione opzioni del tema del sondaggio. Questa opzione non sarà resa disponibile nelle versioni precedenti di LimeSurvey!


Introduzione

Opzioni tema offre una serie di strumenti che consentono agli amministratori dei sondaggi di modificare rapidamente e facilmente le impostazioni relative ai temi dei loro sondaggi..

Pannello delle opzioni del tema

Accedi alla funzione opzioni del tema da impostazioni sondaggio:



La barra degli strumenti del pannello contiene due schede: la scheda opzioni semplici e la scheda opzioni avanzate.


Opzioni semplici

Nella pagina delle opzioni Temi viene visualizzato quanto segue:



  Si prega di notare che ogni tema viene fornito con alcune opzioni che possono essere modificate dalle opzioni del tema del sondaggio. In questa sezione del wiki, il tema predefinito di LimeSurvey fruity viene utilizzato per mostrare come modifiche rapide e facili, ma potenti, possono essere implementate a un tema da utenti senza alcuna conoscenza preliminare di HTML, php e/o CSS.


La scheda delle opzioni semplici è preselezionata. Le impostazioni più importanti del tema del sondaggio possono essere modificate da qui:

  • Eredita tutto: Se il pulsante yes è selezionato, tutte le configurazioni del tema saranno ereditate dal livello di configurazione. Se fai clic su no e fai clic sul pulsante Salva situato nella parte in alto a destra dello schermo, verranno visualizzate più opzioni di configurazione del tema. Ognuna di queste opzioni può essere impostata su:
    • eredita le configurazioni del tema del gruppo del sondaggio - eredita (a meno che non venga modificato, il tema del tuo sondaggio erediterà la configurazione del tema globale);
    • non eredita alcun tema globale configurazione del tema - no;
    • o abilitare un'altra configurazione - yes. Le impostazioni del tema possono essere configurate come desideri se questa opzione è selezionata. Puoi osservare che ogni impostazione del tema ti consente di selezionare il valore inherit.
Il sistema di ereditarietà è applicato su tre livelli:
  • a livello globale (accessibile dalla lista dei template). Gli altri due livelli ereditano le impostazioni del tema globale;
  • a livello di gruppo di indagine (accessibile dal pannello delle impostazioni dell'indagine). Le impostazioni del tema a livello di gruppo di indagine ereditano le impostazioni del tema globale;
  • a livello di indagine. Le impostazioni del tema del sondaggio ereditano le impostazioni del tema del gruppo del sondaggio.


  • Caratteri del tema: Seleziona il carattere che desideri utilizzare per il tuo tema;
  • Variazioni del tema: Seleziona una delle varianti del tema disponibili dall'elenco a discesa. Cambia il carattere e il colore delle icone.


Nessuna eredità

Come accennato in precedenza, puoi scegliere dal menu delle impostazioni del sondaggio non ereditare la configurazione globale del tema. Dopo aver fatto clic sul pulsante Salva, verranno visualizzate più opzioni:



Per mostrare la potenza di questa funzione, le seguenti spiegazioni saranno basate sul tema fruttato. Tieni presente che ogni tema ha le proprie opzioni personalizzabili.


  • Modalità Ajax: Se abilitata, la pagina del sondaggio verrà caricata più velocemente tramite ajax (consigliata per l'utente medio di LimeSurvey). Se disabilitato, la pagina verrà caricata tramite il ricaricamento della pagina, che è meglio per scopi di debug;
  • Contenitore sondaggio: Se si seleziona , il sondaggio verrà visualizzato in un contenitore - la sua larghezza è limitata. Questa opzione è utile se i partecipanti al sondaggio completano il sondaggio dai loro telefoni cellulari o tablet perché la larghezza del sondaggio è controllata. Pertanto, è più comodo per i tuoi intervistati perché non dovranno più scorrere verso destra per leggere l'intera domanda o per vedere tutte le opzioni di risposta. Se il sondaggio è incorporato in un blog e/o forum, puoi anche disattivare questa opzione poiché utilizzano già una certa larghezza.
  • Bordi domanda: Se abilitato, ogni domanda verrà mostrata all'interno di un bordo. Se impostato su no, le domande non saranno contenute in un riquadro (quindi puoi usare tipi di domande con array di grandi dimensioni che sono più grandi della larghezza dello schermo);
  • Domanda shadow: Se abilitato, verrà visualizzata un'ombra attorno ai bordi della domanda in (visibile).

  • Colore sfondo: Seleziona il colore di sfondo dell'intera domanda, comprese le risposte;
  • Colore carattere: Cambia il colore del carattere selezionando dal menu a tendina il colore desiderato.
  • Colore sfondo domanda: Cambia il colore di sfondo della domanda selezionando dal menu a comparsa il colore desiderato.
  • Icona spunta: Questa impostazione consente di selezionare il colore desiderato spunta l'icona quando vengono impiegati tipi di domande a scelta multipla.

  • Immagine di sfondo: Se impostato su no, è possibile selezionare un'immagine di sfondo diversa da quella utilizzata all'interno del gruppo di indagine e/o delle impostazioni del tema globale. Puoi anche caricare un'immagine di sfondo del sondaggio personalizzata facendo clic sul pulsante carica situato nella parte inferiore del pannello delle impostazioni del tema e selezionando l'immagine desiderata dal tuo computer;
  • ' Logo del marchio:' Se impostato su no, il nome del sondaggio verrà visualizzato nella barra in alto, oppure è possibile selezionare una delle immagini all'interno della directory dei file da utilizzare come immagine del logo.

  • Animate body: Se impostato a yes, puoi scegliere una delle animazioni da applicare quando viene caricato il "body" del sondaggio;
  • 'Animate question:' Se impostato su yes, scegli una delle animazioni da applicare alle domande del sondaggio quando vengono caricate.
  • Avviso animato: Se impostato su yes, i tuoi avvisi di indagine (quando i dati dell'indagine non vengono registrati o viene digitato il token errato) saranno animati in base all'opzione di animazione selezionata.
  • Casella di controllo Anima: Se impostato su , ogni volta che selezioni un'opzione di risposta, viene attivata l'animazione.
  • Animate pulsanti radio: Se impostato su yes, ogni volta che selezioni un'opzione da una domanda di tipo radio, l'animazione viene attivata.
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

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