Actions

Theme options/it: Difference between revisions

From LimeSurvey Manual

(Created page with "{{Box|Installa Limesurvey 3.0+ per accedere alla funzione '''opzioni del tema''' del sondaggio. Questa opzione '''non''' sarà resa disponibile nelle versioni precedenti di Li...")
(Created page with "==Opzioni avanzate== {{QS:Editor dei temi - opzioni avanzate}}")
 
(23 intermediate revisions by the same user not shown)
Line 9: Line 9:




=Introduction=
=Introduzione=


'''Theme Options''' offers a set of tools that allow survey administrators to quickly and easily change the themes-related settings of their surveys..
'''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..


=Theme options panel=
=Pannello delle opzioni del tema=


Access the '''theme options''' feature from [[Survey settings|survey settings]]:
Accedi alla funzione '''opzioni del tema''' da [[Impostazioni sondaggio|impostazioni sondaggio]]:




Line 21: Line 21:




The toolbar of the panel contains two tabs: the '''simple options''' tab  and '''advanced options''' tab.
La barra degli strumenti del pannello contiene due schede: la scheda '''opzioni semplici''' e la scheda '''opzioni avanzate'''.




==Simple options==
==Opzioni semplici==


The following is displayed on the Themes options page:
Nella pagina delle opzioni Temi viene visualizzato quanto segue:




Line 32: Line 32:




{{Alert|Title=Attention|text=Please note that each theme comes with certain options that can be changed from the '''survey theme''' options. In this wiki section, the default LimeSurvey theme '''fruity''' is used to show how quick and easy, yet powerful changes can be implemented to a theme by users without any prior knowledge in HTML, php, and/or CSS.}}
{{Alert|Title=Attenzione|text=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. }}


The '''simple options tab''' is preselected. The most important survey theme settings can be changed from here:
La '''scheda delle opzioni semplici''' è preselezionata. Le impostazioni più importanti del tema del sondaggio possono essere modificate da qui:


* '''Inherit everything:''' If the ''yes'' button is selected, all the theme configurations will be inherited from the global [[Themes|configuration level]]. If you click ''no'' and click the '''Save''' button located in the upper right part of the screen, more theme configuration options will be displayed. Each of these options can be set to:
* '''Eredita tutto:''' Se il pulsante ''yes'' è selezionato, tutte le configurazioni del tema saranno ereditate dal [[Temi|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:
** inherit the survey group theme configurations - ''inherit'' (unless unchanged, your survey theme will inherit the global theme configuration);
** 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);
** not inherit any global theme configuration - ''no'';  
** non eredita alcun tema globale configurazione del tema - ''no'';  
** or enable another configuration - ''yes''. The theme settings can be configured as you wish if this option is chosen. You can observe that each theme setting allows you to select the ''inherit'' value.
** 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''.


{{Box|The inheritance system is applied on three levels:
{{Box|Il sistema di ereditarietà è applicato su tre livelli:
* '''at the global level''' (accessible from the template list). The other two levels inherit the global theme settings;
* '''a livello globale''' (accessibile dalla lista dei template). Gli altri due livelli ereditano le impostazioni del tema globale;
* '''at the survey group level''' (accessible from the survey setting panel). The theme settings at the survey group level inherit the global theme settings;  
* '''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;  
* '''at the survey level'''. The survey theme settings inherit the survey group theme settings.}}
* '''a livello di indagine'''. Le impostazioni del tema del sondaggio ereditano le impostazioni del tema del gruppo del sondaggio.}}


* '''Theme fonts:''' Select the font you wish to use for your theme;
* '''Caratteri del tema:''' Seleziona il carattere che desideri utilizzare per il tuo tema;
* '''Theme variations:''' Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
* '''Variazioni del tema:''' Seleziona una delle varianti del tema disponibili dall'elenco a discesa. Cambia il carattere e il colore delle icone.




===No inheritance===
===Nessuna eredità===


As mentioned above, you can choose from the survey settings menu '''not to inherit''' the [[Themes|global theme configuration]]. Once you click the '''Save''' button, more options will be displayed:
Come accennato in precedenza, puoi scegliere dal menu delle impostazioni del sondaggio '''non ereditare''' la [[Temi|configurazione globale del tema]]. Dopo aver fatto clic sul pulsante '''Salva''', verranno visualizzate più opzioni:




Line 58: Line 58:




{{Box|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.}}
{{Box|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.}}


*'''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;
*'''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;
*'''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.  
*'''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.  
*'''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);
*'''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);
*'''Question shadow:''' If enabled, a shadow will be displayed around the in(visible) question borders.
*'''Domanda shadow:''' Se abilitato, verrà visualizzata un'ombra attorno ai bordi della domanda in (visibile).


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Background color:''' Select the background colour of the whole question, including the answers;
*'''Colore sfondo:''' Seleziona il colore di sfondo dell'intera domanda, comprese le risposte;
*'''Font color:''' Change the font color by selecting from the popup menu the desired color.
*'''Colore carattere:''' Cambia il colore del carattere selezionando dal menu a tendina il colore desiderato.  
*'''Question background color:''' Change the question background color by selecting from the popup menu the desired color.
*'''Colore sfondo domanda:''' Cambia il colore di sfondo della domanda selezionando dal menu a comparsa il colore desiderato.
*'''Check icon:''' This setting allows you to select the desired check icon when multiple choice question types are employed.
*'''Icona spunta:''' Questa impostazione consente di selezionare il colore desiderato spunta l'icona quando vengono impiegati tipi di domande a scelta multipla.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''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;
*'''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;
*'''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.
*' ''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.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Animate body:''' If set to ''yes'', you can choose one of the animations to apply when the "body" of the survey is loaded;
*'''Animate body:''' Se impostato a ''yes'', puoi scegliere una delle animazioni da applicare quando viene caricato il "body" del sondaggio;
*'''Animate question:''' If set to ''yes'', you choose one of the animations to apply to your survey questions when they are loaded.
*'''Animate question:' '' Se impostato su ''yes'', scegli una delle animazioni da applicare alle domande del sondaggio quando vengono caricate.
*'''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.
*'''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.
*'''Animate checkbox:''' If set to ''yes'', anytime you check an answer option, the animation is triggered.  
*'''Casella di controllo Anima:''' Se impostato su '''' , ogni volta che selezioni un'opzione di risposta, viene attivata l'animazione.  
*'''Animate radio buttons:''' If set to ''yes'', anytime you select an option from a radio-type question, the animation is triggered.
*'''Animate pulsanti radio:''' Se impostato su ''yes'', ogni volta che selezioni un'opzione da una domanda di tipo radio, l'animazione viene attivata.


{{Box|The library used for animations is [https://daneden.github.io/animate.css/ animate.css]. You can either use the default or add your own animation library.}}
{{Box|La libreria utilizzata per le animazioni è [https://daneden.github.io/animate.css/animate.css]. Puoi utilizzare l'impostazione predefinita o aggiungere la tua libreria di animazioni.}}


{{Note|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}}
{{Nota|Digita un numero nel campo della durata. Se digiti dieci (10), l'animazione durerà 10 secondi.}}


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Fruity fonts:''' Select the font you wish to use for your theme;
*'''Caratteri fruttati:''' Seleziona il carattere che desideri utilizzare per il tuo tema;
*'''Fruity variations:'''Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
*'''Variazioni fruttate:'''Seleziona una delle varianti del tema disponibili dall'elenco a discesa. Cambia il carattere e il colore delle icone.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''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.
*'''Carica:''' Sfoglia il tuo computer per caricare un'immagine da utilizzare come logo o immagine di sfondo per il tuo tema. I permessi di scrittura potrebbero essere richiesti nella cartella "/themes/survey/fruity/files" - la posizione in cui le immagini caricate verranno archiviate nella tua installazione di LimeSurvey.


==Advanced options==
==Opzioni avanzate==
{{QS:Theme editor - advanced options}}
{{QS:Editor dei temi - opzioni avanzate}}

Latest revision as of 14:40, 8 August 2023

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.
La libreria utilizzata per le animazioni è [1]. Puoi utilizzare l'impostazione predefinita o aggiungere la tua libreria di animazioni.


Template:Nota


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

  • Carica: Sfoglia il tuo computer per caricare un'immagine da utilizzare come logo o immagine di sfondo per il tuo tema. I permessi di scrittura potrebbero essere richiesti nella cartella "/themes/survey/fruity/files" - la posizione in cui le immagini caricate verranno archiviate nella tua installazione di LimeSurvey.

Opzioni avanzate

QS:Editor dei temi - opzioni avanzate