Theme editor/it

Introduzione

LimeSurvey ha un sistema avanzato di temi e stili che fornisce agli sviluppatori un modo efficiente per personalizzare l'aspetto del sondaggio. Da LS3, il termine "modelli" è stato sostituito con il termine "temi". I temi permettono di controllare lo stile delle pagine di un sondaggio. Un amministratore del sondaggio può selezionare un tema predefinito che verrà utilizzato per ogni sondaggio per personalizzarlo ulteriormente. Temi viene fornito con opzioni che forniscono a un amministratore senza abilità di codifica un modo semplice per aggiungere un logo sulla pagina di benvenuto, cambiare i colori di sfondo, selezionare un carattere, ecc.

LimeSurvey viene fornito con 3 temi. Questi temi iniziali sono definiti dalle directory che si trovano nella directory "themes/survey/" dell'installazione di LimeSurvey. Ogni tema ha la sua directory. All'interno della directory principale di un tema troverai un file di configurazione in XML e numerose directory contenenti le viste temi (.twig), fogli di stile a cascata (.css), 'scripts, images ('.jpg o .png) e forse altri.

A partire da LimeSurvey 2.50, il motore del tema utilizza Bootstrap 3 come framework CSS. Poiché Bootstrap 3 è un framework standard, gli sviluppatori troveranno molta documentazione, tutorial e thread di forum su Internet.

A partire da LimeSurvey 3, il motore del tema utilizza Twig, quindi gli sviluppatori del tema possono cambiare la logica del rendering del sondaggio in modo facile e sicuro. Twig sostituisce il vecchio sistema di parole chiave sostitutive utilizzato nelle versioni precedenti. La logica che è stata utilizzata per generare l'HTML delle parole chiave è ora disponibile all'interno delle viste del tema.

Frammento dal tema vaniglia:

 <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> 
 {# NOTA: se desideri personalizzare il rendering della domanda, utilizza un tema di domanda #}
 {{ aDomanda.risposta | grezzo }}
</div>

I temi, essendo codice HTML e Twig, tendono a definire il posizionamento e il tipo di testo da visualizzare e simili caratteristiche strutturali della pagina. Spesso fanno riferimento o includono altri file. La maggior parte di essi fa riferimento a un comune file di fogli di stile a cascata (CSS) che definisce lo stile del carattere, il colore, la dimensione, lo sfondo e parametri simili comuni a tutte le pagine del sondaggio. I fogli di stile fanno riferimento a parametri HTML class che sono associati ai vari tipi di oggetti nel codice HTML. Ciò consente al foglio di stile di definire come visualizzare ciascuno dei molti tipi di testo o altri oggetti che possono apparire in più punti. Ci sono classi uniche per ogni tipo di domanda in LimeSurvey e quindi danno un controllo dettagliato sull'aspetto di ciascuna. Anche i file di immagine, come loghi o speciali costruttori di barre di avanzamento, possono essere referenziati nel file del tema. Infine, le parole chiave speciali tra parentesi graffe vengono sostituite con il testo definito nel sondaggio per ogni corrispondente di traduzione della lingua (ad esempio, il "Titolo del sondaggio" o il "Testo della domanda" per ciascuna lingua definita).

Se crei un nuovo modello personalizzato, ti preghiamo di pensare a contribuire aggiungendolo alla community LimeSurvey rendendolo disponibile anche agli altri. Con il tuo aiuto, possiamo far crescere la nostra collezione di template, indagini ed altri componendi aggiuntivi, per rendere LimeSurvey sempre migliore! Visita la nostra LimeSurvey template repository, dove puoi condividere i tuoi modelli.

Creazione di un nuovo tema

Per creare un nuovo template (o modificarne uno esistente) è necessario possederne la relativa l'autorizzazione come utente in LimeSurvey, così come l'autorizzazione per la manipolazione dei file contenuti nel sistema operativo dell'hosting in cui è installato LimeSurvey.

Nota di avvertimento: Se cambi tema, potresti anche influenzare tutti i sondaggi preesistenti dalla tua installazione di LimeSurvey. I temi sono una funzionalità avanzata che richiede esperienza e conoscenza dell'HTML.

La modalità preferibile per creare un nuovo template è di utilizzare i "Templete Editor" all'interno del menù di amministrazione. Alcuni preferiscono lavorare direttamente all'interno dei files template, utilizzando così il proprio editor di testo preferito invece dell'interfaccia web. In questo caso, utilizza comunque prima l'editore di modelli per creare tuo template. Questo creerà un nuovo modello di base con tutti i file di cui hai bisogno nella cartella LimeSurvey_web_root/upload/templates/your_new_template. Da qui puoi usare il tuo editor di testo per aggiustare manualmente i file del modello.

Nota sui permessi: sui sistemi unix/linux, questi file dei temi saranno di proprietà del gruppo e dell'utente su cui è in esecuzione il server Web (potrebbe essere "www" per alcuni sistemi). Quindi, assicurati di avere le autorizzazioni appropriate per modificare questi file, quando li salvi, assicurati che non cambino proprietà! In questo modo, puoi comunque utilizzare l'interfaccia Web di modifica del tema, se necessario.

Un certo numero di elementi 'pubblici' possono essere modificati da una serie di modelli. La prossima sezione fornisce una breve spiegazione di questi template.

L'editori di modelli di LimeSurvey

Editor dei temi: Configurazione > Temi> Editor dei temi L'Editor dei temi è disponibile solo per gli utenti con il permesso Modelli e ai superamministratori.

  Un tema che non è costruito correttamente può rendere inutilizzabile un sondaggio (che utilizza il rispettivo modello).

L'editor di temi di LimeSurvey ti consente di modificare i contenuti dei tuoi temi online. Per avviare l'editor dei temi: fai clic su Temi nel menu Configurazione, quindi fai clic sul pulsante Editor dei temi accanto al tema che desideri modificare o estendere.

La schermata principale è simile a quella di amministrazione di un'indagine. Essa permette di selezionare il modello da modificare/visualizzare. Dopo averlo selezionato, puoi scegliere una tra le differenti pagine delle indagini pubbliche. Comparirà una lista dei file del template che costituiscono quella particolare pagina.

Sono disponibili le seguenti opzioni:

• Crea: Ti permette di creare un nuovo modello. Per non ripartire da zero, viene copiato il template 'default'.
• Importa: Permette di importare un template da un file ZIP.
• Esporta : Consente di esportare il modello corrente in un file ZIP.
• Copia: Consente di creare un nuovo modello copiando quello corrente.
• Rinomina: Consente di modificare il nome del modello. Viene generalmente utilizzato dopo aver copiato o importato un modello.
• Template: un elenco a discesa che mostra tutti i modelli disponibili che si trovano nell'installazione di LimeSurvey.

• Schermata: un elenco a tendina che ti permette di scegliere quale particolare pagina del sondaggio di quel modello desideri visualizzare.
• Torna al pannello di amministrazione.

Importa/Esporta/Copia un modello

Quando esporti un modello, verrà creato un archivio ZIP con tutti i tuoi file modello (file .pstpl, immagini, file css, ...). Puoi importare il file zip esportato in un'altra installazione di LimeSurvey utilizzando la funzione di importazione oppure puoi copiare manualmente l'archivio in un'altra installazione di LimeSurvey ed estrarlo nel corrispondente template directory lì.

Tuttavia, è meglio utilizzare le funzioni di importazione/esportazione/copia dei modelli di LimeSurvey nell'editor dei modelli.

Struttura della pagina / Utilizzo del modello

• La pagina di benvenuto: startpage.pstpl, welcome.pstpl, privacy.pstpl, navigator.pstpl, endpage.pstpl
• 'Le pagine delle domande:' startpage.pstpl, survey.pstpl, startgroup.pstpl, groupdescription.pstpl, question.pstpl, endgroup.pstpl, endpage.pstpl
• The Final Page: startpage .pstpl, valutazione.pstpl, completato.pstpl, fine pagina.pstpl

File modello

I seguenti file modello sono usati per produrre il tuo sondaggio pubblico e devono esistere in ogni nuova cartella modello che crei:

• startpage.pstpl: Produce l'inizio di ogni pagina html. Si inizia al "<head> " tag e non deve contenere il "<html> " tag. Questo 'vero inizio' di una pagina html standard è scritto dagli script. Assicurati che i tuoi file startpage.pstpl contengano un<body> etichetta. Anche se molti browser non richiedono una stretta aderenza agli standard HTML W3, lo script LimeSurvey deve trovare un tag per eseguire determinati elementi javascript. Non è comune vedere molte "parole chiave" utilizzate nel file startpage.pstpl. Tuttavia, potresti voler inserire {SURVEYNAME} nel titolo. Il file startpage.pstpl può contenere codice che termina nel file endpage.pstpl corrispondente. Ad esempio, puoi iniziare una tabella in questo file e chiuderla nel file endpage.pstpl. I file startpage.pstpl e endpage.pstpl avvolgono ogni possibile pagina utilizzata da LimeSurvey.
• survey.pstpl: Questo modello è il secondo utilizzato nella maggior parte delle pagine e fornisce uno spazio per inserire il nome del sondaggio e descrizione. Questo modello non ha un corrispondente modello di 'chiusura', e successivamente dovresti chiudere tutti i tag aperti in questo file modello (es.: non lasciare una tabella aperta qui perché non c'è nessun altro posto dove chiuderla).
• ' welcome.pstpl:' Questo modello viene utilizzato solo nella schermata di benvenuto (che si trova anche nella pagina principale per i sondaggi "tutto in uno"). Puoi usarlo per stampare il testo di benvenuto e altre informazioni che dovrebbero essere fornite nell'introduzione. Come il file 'survey.pstpl', non esiste un modello di 'chiusura' corrispondente, quindi anche tutti i tag aperti in questo file modello dovrebbero essere chiusi.
• startgroup.pstpl: Questo modello può fornire un "riassunto" per le domande all'interno di un gruppo. Ha un modello 'endgroup.pstpl' corrispondente che può essere utilizzato per chiudere tutti i tag aperti in questo file, quindi puoi aprire una tabella all'interno di questo.
• groupdescription.pstpl: Questo file modello è utilizzato per visualizzare una descrizione di un gruppo. Tieni presente che nelle impostazioni del sondaggio (accedi alle Impostazioni di presentazione e navigazione facendo clic sulla scheda Presentazione) puoi impostare se la descrizione del gruppo deve essere mostrata o meno. In caso contrario, questo file non è affatto incluso.
• question.pstpl: Questo file contiene le sezioni di domanda, risposta e testo di aiuto della tua indagine. Nei sondaggi "gruppo per gruppo" e "tutto in uno", questo modello viene ripetuto ripetutamente con ogni domanda. Non esiste un file di chiusura corrispondente per questo e tutti i tag dovrebbero essere chiusi.
• question_start.pstpl: Questo file contiene i singoli elementi trovati all'inizio di una domanda. È incluso in 'question.pstpl' tramite la parola chiave {QUESTION}. Ha lo scopo di consentire ai progettisti di modelli un maggiore controllo sul layout di una domanda. Questo template si trova al di fuori del normale sistema di template e è stato sostituito (a partire da LimeSurvey 1.87). Tutte le parole chiave di questo modello sono ora disponibili direttamente in question.pstpl.
• completed.pstpl: Questa pagina viene visualizzata come pagina finale quando le risposte al sondaggio sono state salvate e il sondaggio è terminato. Può essere utilizzato per visualizzare un "link di inoltro" come impostato nella configurazione del sondaggio.
• endgroup.pstpl: Questo file chiude il gruppo e può essere utilizzato per chiudere eventuali tag aperti nel file startgroup.pstpl
• navigator.pstpl: Questo file contiene i pulsanti che consentono di navigare nel sondaggio, "successivo", "precedente", "ultimo", "invia", "salva finora" e il link "cancella tutto". Viene utilizzato in tutte le pagine tranne la pagina completata.
• printanswers.pstpl: Questo file ha il wrapper HTML necessario per la versione stampata del sondaggio.
• print_group.pstpl : Questo file è lo stesso di startgroup.pstpl e endgroup.pstpl, ma per la versione stampata del sondaggio.
• print_question.pstpl: Questo file è lo stesso di question.pstpl , ma per la versione stampata del sondaggio.
• print_survey.pstpl: Questo file è uguale a survey.pstpl, ma per la versione stampata del sondaggio.

CSS e Javascript

Due sono i file che sono sempre utilizzati nei modelli: template.css per CSS e template.js per JavaScript.

• {TEMPLATECSS}: aggiunge linee per il fil css di default, template.css, e per il linguaggio rtl, template-rtl.css.
• {TEMPLATEJS}: aggiunge i file di default di javascript, template.js e tutti gli altri file js di cui LimeSurvey ha bisogno.

Utilizzare Bootstrap

LimeSurvey integra Bootstrap 3, quindi poi creare tutti i tuoi modelli con le ben documentate classi Bootstrap. Per maggiori informazioni si faccia riferimento alla documentazione Bootstrap.

Un altro plugin incluso è Awesome-Bootstrap-Checkbox. Con questo puoi utilizzare le color-classes di Bootstrap (info, warning, danger, etc.) anche con il suffisso "-checkbox" o "-radio", definendo come preferisci checkbox e radio.

Sostituzione CSS o Javascript predefinito

Alcune domande utilizzano file specifici per Javascript o CSS. Se è necessario sostituire una funzione, utilizzare un sistema a cascata. Per la funzione javascript, l'ultima funzione letta è la funzione utilizzata.

Altri file modello

privacy.pstpl, invitationemail.pstpl, reminderemail.pstpl e confirmationemail.pstpl non sono più utilizzati da LimeSurvey e le impostazioni predefinite sono invece impostate nei file di lingua applicabili. I messaggi e-mail possono ora essere modificati sondaggio per sondaggio.

Pagine standard

Ci sono dieci pagine standard che un partecipante al sondaggio può vedere durante l'utilizzo o l'accesso all'applicazione LimeSurvey. Ciascuno è costruito da un numero di file Template comuni dal Template specificato nelle impostazioni del sondaggio. La tabella seguente indica quali file modello vengono utilizzati nella costruzione di ciascuna di queste pagine.

Pagine sondaggio/ File modello	Sondaggio Elenco	Benvenuto	Domanda	Completato	Cancella tutto	Registrati	Carica	Salva	Stampa Risposte	Stampa Survey
SurveyList
Benvenuti
Privacy
Navigatore
Sondaggio
InizioGruppo
Descrizionegruppo
Domanda *
FineGruppo
Valutazione
Completato
CancellaTutto
Registrati
Carica
Salva
StampaRisposte
Stampa sondaggio
Stampa gruppo
Stampa Domanda
Pagina iniziale FinePagina Template.css

* NOTA: Nella versione 1.90+, questo sostituisce question.pstpl E question_start.pstpl. Se stai utilizzando un vecchio modello personalizzato, devi aggiungere la seguente riga all'inizio di question.pstpl:

<div {QUESTION_ESSENTIALS} class="{QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}">

E poi aggiungi il tag di chiusura corrispondente alla fine di question.pstpl:

</div>

* NOTA: nella versione 1.91 e precedenti, i file LimeSurvey js non sono inclusi nel modello. Nella versione 2, devi usare {TEMPLATEJS} in uno dei tuoi file template per aggiungere il link al file js. Puoi aggiungerlo in startpage.pstpl o in endpage.pstpl. Puoi rimuovere la riga {TEMPLATEURL}/template.js e sostituirla con {TEMPLATEJS} per aggiornare un modello personale.

La sezione di controllo dei file

Nella finestra "controllo file" a sinistra, puoi fare clic su uno dei file modello utilizzati per compilare la pagina. Puoi vedere la Parte schermo, JavaScript e i file CSS. Il codice HTML per quel file apparirà quindi nella finestra "Modifica in corso" al centro. Se il modello è modificabile (determinato dalle autorizzazioni della directory), è possibile apportare eventuali modifiche e salvarle.

La finestra "Altri file" mostra un elenco di tutti gli altri file dalla directory dei modelli. Puoi utilizzare il lato destro per caricare e selezionare file immagine (le tue foto, loghi,...) o altri file necessari per creare il tuo modello.

Invece di utilizzare un link per ogni immagine, utilizza la stringa di campo {TEMPLATEURL}. Quindi, invece di:

img src='/limesurvey/templates/yourtemplate/files/mypicture.jpg'

Puoi usare ^{(New in 2.50 )}:

 img src='{TEMPLATEURL}files/miaimmagine.jpg'

Nelle versioni di LimeSurvey precedenti alla 2.50 usa:

 img src='{TEMPLATEURL}miaimmagine.jpg'

Un "campione" della pagina modello che stai modificando sarà visibile nella parte inferiore dello schermo. Non è possibile eliminare un modello dall'editor di modelli. Questo deve essere fatto accedendo alla directory sottostante ed eliminando manualmente i file da lì. Hai anche la possibilità di selezionare diverse risoluzioni dello schermo per valutare meglio la sensazione e l'aspetto del modello.

Nota: i modelli spediti non possono essere modificati utilizzando l'editor di modelli. Se vuoi modificarli, crea prima una copia e modifica la copia.

Posizione file modello

LimeSurvey memorizza ciascuno dei modelli 'standard' nella propria sottodirectory distinta all'interno della directory /templates che è conservata nella directory pubblica con gli altri file pubblici di LimeSurvey. I modelli utente personalizzati sono memorizzati nella directory /upload/templates.

Dovrebbe esserci SEMPRE una directory "predefinita" nella directory dei modelli. Questo modello viene utilizzato per impostazione predefinita e come fallback se una cartella del modello non esiste o non può essere trovata. Viene installato per impostazione predefinita.

Puoi utilizzare qualsiasi file di immagine che carichi nell'area di gestione dei modelli con l'aiuto di questa sintassi:

{TEMPLATEURL}nomefile.xyz

Domande di stile con i CSS

Lo stile delle domande in CSS è diventato molto più semplice. Ogni tipo di domanda ha ora una classe univoca. Le domande obbligatorie hanno una classe aggiuntiva obbligatoria. Ad esempio, per una domanda non obbligatoria:

<div id="question5" class="gender">
...
</div>

e se la domanda è obbligatoria:

<div id="question5" class="gender mandatory">
...
</div>

e se la domanda è obbligatoria, ma l'utente non ha risposto o se c'è una convalida su una domanda:

<div id="question5" class="gender mandatory input-error">
...
</div>

e se alla domanda è stata applicata la convalida, ma l'utente non ha risposto correttamente:

<div id="question6" class="text-short input-error">
...
</div>

Classi globali per la parte della domanda

Queste classi vengono utilizzate per ogni tipo di domanda. Alcuni tipi di domande utilizzano solo una o due classi, mentre altri possono utilizzarne molte di più.

Classi globali

Nome classe	Parte	Tipo di domanda	Esempi	Nota
.domanda (Obsolete since 3.0)	Blocco di tutte le domande	Tutti i tipi di domande	, , .ls-risposte (New in 3.0 ) Blocco di tutte le domande Tutti i tipi di domande , , .sotto-elenco-domande Elenco delle domande secondarie Domanda a scelta multipla, tipo di domanda matrice , Viene utilizzato anche .questions-list .lista-risposte Elenco delle risposte Domanda a scelta singola, tipo di domanda matrice, domanda con testo a più input , .risposta La parte della risposta: una risposta Domanda a scelta singola, tipo di domanda matrice, domanda con testo a più input , .nessuna risposta La risposta parte per nessuna risposta Domanda a scelta singola, tipo di domanda matrice , Anche nessuna risposta è una risposta, quindi usa la doppia classe noanswer-item e answer-item .question-item La parte della domanda: una domanda Domanda multitesto, tipo di domanda matrice , Alcune risposte sono anche domande. Quindi abbiamo un sacco di class="question-item answer-item" .elenco-pulsanti Un elenco di pulsanti Sì no e Domanda di genere .elemento-pulsante La parte di risposta con un pulsante Sì no e Domanda di genere .checkbox-list Un elenco di checkbox Domanda a scelta multipla, numero di matrice (casella di controllo) tipo di domanda , Alcuni tipi di domande usano una classe multi-lista, come checkbox con commento: class="checkbox-list text-list" .checkbox-array (New in 3.0 ) Un array di checkbox Array (numeri) con opzione checkbox .elemento-casella di controllo La parte di risposta con una casella di controllo Domanda a scelta multipla, numero di matrice (casella di controllo) tipo di domanda , .elenco-radio Un elenco di elementi radio Domanda a scelta singola, tipo di domanda matrice (ogni riga) , .radio-array (New in 3.0 ) Una serie di elementi radio Tipo di domanda matrice .radio-item La risposta parte con una radio Domanda a scelta singola, tipo di domanda matrice , .lista-di-testo Un elenco di input di testo Tipo di domanda multitesto, matrice di testo , .elemento di testo La parte di risposta di un input di testo Tipo di domanda multitesto, matrice di testo , .elenco-numerico Un elenco di input di testo con risposta solo numerica Tipo di domanda multinumerica, matrice di numero , .elenco-numeri Un elenco di input di testo con risposta solo numerica (ogni riga) Tipo di domanda multinumerica, matrice di numero , .number-array (New in 3.0 ) La parte di risposta di un input numerico Array di numero .select-list (Obsolete since 2.50) Un elenco di select Numeri di array, array a doppia scala (seleziona) .dropdown-list (New in 2.50 ) Un elenco di select Numeri di matrice, matrice a doppia scala (seleziona) (ogni riga) .dropdown-array (New in 3.0 ) Un array di dropdown Numeri di array, array a doppia scala (seleziona) .select-item (Obsolete since 2.50) La risposta parte di un select Numeri di array, array a doppia scala (seleziona), scelta singola con select , .dropdown-item (New in 2.50 ) La risposta parte di un select Numeri di array, array a doppia scala (seleziona), scelta singola con select , .hide (Obsolete since 3.0) Usato per l'accessibilità: nascosto con css ma letto dallo screen reader, dalla 2.50: puoi usare sr-only da bootstrap Domanda a testo breve <label class="hide"> Può essere utilizzato per altri scopi .ls-js-nascosto (New in 3.0 ) Utilizzato per nascondere la parte se javascript è attivato Pulsante per esempio LimeSurvey core l'ha usato, ma puoi usarlo anche tu nel tuo template .ls-js-hidden-sr (New in 3.0 ) Utilizzato per l'accessibilità: nascondilo se js è attivato, ma mostra sempre se l'utente utilizza uno screen reader Pulsante per esempio <a class="ls-js-hidden-sr"> Pulsante .ls-no-js-nascosto (New in 3.0 ) Utilizzato per nascondere la parte se javascript non è attivato Collegamento <a class="ls-no-js-hidden"> Il core di LimeSurvey lo ha utilizzato per il collegamento inattivo se javascript non è attivato .ls-label-xs-visibilità (New in 3.0 ) Etichetta da nascondere su maxischermo, ma mostrabile su piccolo schermo (senza più tabella) e allo screen reader etichetta <label class="ls-no-js-hidden"> Utilizzato per l'etichetta all'interno della cella della tabella del tipo di domanda matrice .ls-input-group-extra (New in 3.0 ) Stesso utilizzo di boostrap input-group-addon, ma senza il bordo e lo sfondo. suffisso destro Utilizzato per i suffissi destro e sinistro (globale) .casella di controllo (Obsolete since 3.0) input[tipo=casella di controllo] Domanda con checkbox <input type="casella di controllo" class="casella di controllo"> Con i browser moderni: non necessario, ma alcuni vecchi browser lo richiedono .radio (Obsolete since 3.0) input[tipo=radio] Domanda con radio <input type="radio" class="radio"> Con i browser moderni: non necessario, ma alcuni vecchi browser lo richiedono .testo input[tipo=testo] Domanda con testo di input o textarea <textarea class="text"> .risposta Tipo di domanda matrice Rispondi a una parte del tipo di domanda dell'array .col-risposte Tipo di domanda matrice Colonna di risposte <col class="col-answers"> .odd .even (Obsolete since 2.50) Tipo di domanda matrice Alternanza per colonna <col class="odd"> .array1 .array2 (Obsolete since 3.0) Tipo di domanda matrice Alternanza per riga .ls-dispari .ls-pari (New in 3.0 ) Tipo di domanda matrice Alternanza per sottodomanda e asse Y Alcuni esempi di parti di domande con classi Tipo di domanda breve: <p class="question answer-item text-item "> <label class="hide label" for="answerSGQA">Answer</label><input type="text" value="" id="answerSGQA" name="SGQA" size="50" class="text empty"> </p> Testo breve multiplo <ul class="subquestions-list questions-list text-list"> <li class="question-item answer-item text-item" id="javatbdSGQA"> <label for="answerSGQA">Some example subquestion</label> <span><input type="text" value="" id="answerSGQA" name="SGQA" size="20" class="text empty"></span> </li> </ul> Tipo di domanda matrice <table class="question subquestion-list questions-list "> <caption class="hide read">Some explanation for accessibility.</caption> <colgroup class="col-responses"> <col width="50%" class="col-answers"> <col width="25%" class="odd"> <col width="13.3%" class="col-no-answer even"> </colgroup> <thead> <tr class="array1 dontread"> <td>&nbsp;</td> <th>1</th> <th>No answer</th> </tr> </thead> <tbody> <tr class="array2 answers-list radio-list" id="javatbdSGQ"> <th width="20%" class="answertext">Some example subquestion </th> <td class="answer_cell_001 answer-item radio-item"> <label for="answerSGQA" class="hide read">1</label> <input type="radio" value="1" id="answerSGQA" name="SGQA" class="radio"> </td> <td class="answer-item radio-item noanswer-item"> <label for="answerSGQA" class="hide read">No answer</label> <input type="radio" value="" id="answerSGQA" name="SGQA" class="radio"> </td> </tr> </tbody> </table> L'elenco completo delle classi di domande Tipo domanda Classe domanda ID domanda Scelta 5 punti .choice-5-pt-radio 5 Array (scelta 10 punti) .array-10-pt B Array (scelta 5 punti) .array-5-pt - Array (Etichette flessibili) dual scale .array-flexible-duel-scale 1 Array (Increase, Same, Decrease) .array-increase-same-decrease E Array (Multi flessibile) (Numeri) .array-multi-flexi : Array (Multi flessibile) (Numeri) .array-multi-flexi : Array (Multi Flexible) (Testo) .array-multi-flexi-text ; Array (Yes/No/Uncertain) .array-yes-uncertain-no C Array (etichette flessibili) .array-flexible-row F Array (etichette flessibili) per colonna .array-flexible-column H Domanda standard .boilerplate X Data .data D Equazione .equazione * Sesso .genere G Testo libero enorme .testo enorme U Cambio lingua .lingua I Lista (dropdown) .list-dropdown ! Lista (radio) .list-radio L Lista con commento .list-con-commento O Testo libero lungo .text-long T Input numerico multiplo .numeric-multi K - Opzioni multiple .multiple-opt M Più opzioni con commenti .multiple-opt-comments P Multiple short-txt .multiple-short-txt D Inserimento numerico .numerico N Classifica .classifica R Testo libero breve .testo-breve S Sì/No .sì-no S L'elenco completo delle classi di convalida Nota: prima della 1.92 erano disponibili solo le classi .mandatory e .input-error. Questi si applicano ai messaggi di aiuto e/o di suggerimento di convalida in modo che ogni tipo possa essere definito individualmente. L'opzione .hide-tip e le opzioni .input-error interagiscono per impostazione predefinita in modo da poter nascondere i suggerimenti di convalida. Tuttavia, appaiono quando ci sono errori di convalida e scompaiono di nuovo quando tali errori vengono corretti. Tutti questi sono progettati per eliminare la necessità di messaggi di avviso pop-up. Invece, i suggerimenti possono apparire/scomparire secondo necessità e sono codificati a colori per indicare se le risposte soddisfano i criteri di convalida. Inoltre, quando visiti per la prima volta una pagina con criteri di convalida non soddisfatti, puoi codificare i suggerimenti con un colore gradevole per mostrare quali criteri di convalida non sono stati ancora soddisfatti; quindi visualizza nuovamente la pagina utilizzando un colore più aspro se la persona invia la pagina con errori di convalida persistenti. Scopo Classe CSS Descrizione Obbligatorio .mandatory la domanda è obbligatoria Errore di input dell'utente .input-error la domanda conteneva almeno un errore di convalida Hide Tip .hide-tip aggiunto se utilizzi hide_tip option defrault type .em_default per default tip set ( valore numerico ecc …) Num risposte .em_num_answers for per min_risposte e max_risposte Intervallo di valori .em_value_range per min/max_num_value_n e multiflexible_min/max Sum range .em _sum_range per min/max/equals_num_value Convalida regex .em_regex_validation per la convalida dell'espressione regolare della domanda Funzione di convalida a livello di domanda .em_q_fn_validation per l'opzione em_validation_q Funzione di convalida a livello di sottodomanda .em_sq_fn_valid ation per l'opzione em_validation_sq Altro commento obbligatorio .em_other_comment_mandatory per l'opzione other_comment_mandatory - mostra quando "altro" è selezionato ma manca il commento associato. Importazione di stili nel tuo modello personalizzato Gli stili di domanda personalizzati si trovano nella parte inferiore del file CSS di ciascun modello e iniziano con: /* --------------------------- INIZIO: Stili delle domande ------------------------------ */ Se stai modellando il tuo modello personalizzato, dovresti essere in grado di copiare tutto ciò che segue da templates/default/template.css (per i layout basati su tabella) o /templates/limespired/template.css (per i layout basati su CSS) nel tuo foglio di stile senza alcun impatto sugli altri tuoi stili. Fogli di stile condizionali di Internet Explorer A causa delle marcate discrepanze nel rendering tra IE6 e IE7 e gli altri browser, sono inclusi speciali fogli di stile condizionale di IE per ciascun modello. <!--[if IE]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_all-versions.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_older-than-7.css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" /> <![endif]--> Dovresti includere il codice di cui sopra nel tuo startpage.pstpl e copie di entrambi i fogli di stile IE da /templates/default/ o /templates/limespired rispettivamente per il layout di base delle tabelle e il layout basato su CSS. Nota: Se copi gli stili nel tuo foglio di stile, quasi sicuramente dovrai modificarli. Soluzione alternativa per Internet Explorer Puoi inserire una classe condizionale per body in startpage.pstpl e utilizzare questa classe nel tuo template.css. Questo metodo è utilizzato nel template citronade (Obsolete since 2.06). Aggiunta di una classe js/no-js per avere un sistema javascript/no javascript. <!--[if lt IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie6 ielt7 ielt8 ielt9 no-js"> <![endif]--> <!--[if IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie7 ielt8 ielt9 no-js"> <![endif]--> <!--[if IE 8 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie8 ielt9 no-js"> <![endif]--> <!--[if IE 9 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie9 no-js"> <![endif]--> <!--[if gt IE 9]><!--><body id="body" class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} no-js"><!--<![endif]--> <script type='text/javascript'>/*<![CDATA[*/(function(H){ H.className=H.className.replace(/\bno-js\b/,'js') })(document.getElementsByTagName('body')[0]);/*]]>*/</script> E in template.css usa: .ie6{/*specifico per Internet Explorer 6*/} .ielt8{/*specifico per Internet Explorer 6 e 7*/} .ie{/*specifico per tutti gli Internet Explorer */} Lingue da destra a sinistra (RTL) e giustificazione L'editor di testo all'interno di LimeSurvey è in grado di formattare il testo RTL. Tuttavia, l'editor stesso mostra la lingua RTL in un formato da sinistra a destra quando giustificato. Questo è solo un problema di visualizzazione dell'editor. L'RTL e la domanda o il testo giustificato verranno visualizzati correttamente da destra a sinistra, anche se giustificati, nel sondaggio o nell'anteprima. Parole chiave Le parole chiave all'interno di un file modello vengono sostituite dalle informazioni del sondaggio corrente. Sono racchiusi tra parentesi graffe, ad esempio: {SURVEYNAME}. Le seguenti stringhe verranno sostituite da LimeSurvey durante l'analisi del file modello e la presentazione agli utenti del sondaggio. Queste stringhe di campo funzioneranno su quasi tutti i modelli ad eccezione della "Pagina completata". (La maggior parte di queste stringhe può essere trovata nel file common.php. Se non c'è, guarda nel file index.php.) Parola chiave File modello Descrizione {SURVEYNAME} Tutti i file Il titolo del sondaggio {SURVEYDESCRIPTION} Tutti i file La descrizione del sondaggio {WELCOME} Tutti i file (principalmente per welcome.pstpl) Il testo di benvenuto del sondaggio {PERCENTCOMPLETE} survey.pstpl Un piccolo grafico che mostra la percentuale del sondaggio completato {GROUPNAME} startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl Visualizza il nome del gruppo corrente {GROUPDESCRIPTION} startgroup.pstpl, groupdescription .pstpl, endgroup.pstpl Visualizza la descrizione del gruppo corrente {NUMBEROFQUESTIONS} welcome.pstpl Visualizza il numero totale di domande nel sondaggio (solo il numero) {THEREAREXQUESTIONS} welcome.pstpl Visualizza la frase "Ci sono X domande in questo sondaggio" - dal file della lingua pertinente. La X è sostituita dal numero di domande. Nota che questo funzionerà anche in modo appropriato per singolare o plurale. Se c'è solo 1 domanda, stamperà "C'è 1 domanda in questo sondaggio". {CHECKJAVASCRIPT} Tutti i file (principalmente per welcome.pstpl) Messaggio di avviso quando il browser dell'utente finale ha javascript disabilitato {QUESTION} Domanda.pstpl (È stato sostituito da LS1.87) Visualizza il testo della domanda corrente (Il il formato di {QUESTION} può essere personalizzato modificando 'question_start.pstpl') Utilizza quanto segue: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE}, {QUESTION_INPUT_ERROR_CLASS} e l'HTML appropriato invece di {QUESTION} {ANSWER} domanda.pstpl, print _question.pstpl presenta il modulo di risposta per la domanda corrente {SGQ} question.pstpl, testo della domanda Può essere utilizzato nel testo della domanda stessa per fare riferimento al campo di immissione della domanda in modo dinamico visualizzando l'id della domanda del gruppo di indagine per la domanda corrente. (a partire da svn build 9755) {QUESTIONHELP} question.pstpl, print_question.pstpl Visualizza il testo della guida (suggerimento predefinito per il tipo di domanda) per la domanda corrente {QUESTION_CLASS} question.pstpl, print_question.pstpl classe univoca per ogni tipo di domanda. (Da includere nel tag di wrapping della domanda.) {QUESTION_CODE} question.pstpl, print_question.pstpl Visualizza il codice della domanda corrente {QUESTION_ESSENTIALS} question.pstpl l'ID della domanda e (se una domanda è condizionale), 'style="display:none;"'. (Da includere nel tag di wrapping della domanda.) {QUESTION_HELP} question.pstp, question_start.pstpl Visualizza il testo di aiuto definito dall'utente per la domanda corrente {QUESTION_TYPE_HELP} print_question.pstp Visualizza il testo di aiuto definito dall'utente per la domanda corrente {QUESTION_INPUT_ERROR _CLASS} question.pstp, question_start.pstpl Fornisce una classe in caso di errore di input dell'utente {QUESTION_ID} print_question.pstp Fornisce un ID univoco per ogni domanda per consentire lo stile di domande specifiche {QUESTION_TEXT} question.pstp, print_question.pstp, question_start.pstpl Visualizza il testo per la domanda corrente {QUESTION_MANDATORY} question.pstp, print_question.pstp, question_start.pstpl Visualizza il testo tradotto 'Obbligatorio' per la domanda corrente {QUESTION_MAN_CLASS} question.pstpl, print_question.pstpl class se una domanda è obbligatoria. (Da includere nel tag di wrapping della domanda.) {QUESTION_MAN_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Visualizza il testo del messaggio di aiuto 'Obbligatorio' tradotto per la domanda corrente {QUESTION_NUMBER} print_question.pstpl Conteggio incrementale delle domande. {QUESTION_VALID_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Visualizza il testo del messaggio di aiuto valido tradotto per la domanda corrente {QUESTION_SCENARIO} print_question.pstp Stampa il testo dello 'scenario' per le domande condizionali. {NAVIGATOR} navigator.pstpl Dis riproduce i pulsanti di navigazione (next, prev, last) {CLEARALL} Tutti i file (ma destinati a navigator.pstpl) Visualizza il link "Esci e cancella risultati" {COMPLETATO} completed.pstpl Visualizza il messaggio 'completato' per la registrazione, cambierà a seconda che i campi attribute_1 e attribute_2 siano impostati. {URL } completed.pstpl Visualizza l'"url" e il "testo dell'url" del sondaggio {PRIVACYMESSAGE} privacy.pstpl Il messaggio sulla privacy viene visualizzato se imposti il sondaggio come anonimo. Il testo può essere modificato/tradotto nei file di lingua. Questo può anche essere modificato manualmente modificando il modello privacy.pstpl che desideri utilizzare. {TEMPLATEURL} Tutti i file L'URL della posizione corrente del modello (utile per fare riferimento ai file di immagine nel tuo modello) {SURVEYRESOURCESURL} Tutti i file L'URL dei file attualmente caricati per questa posizione del sondaggio (utile per fare riferimento ai file di immagine nella tua domanda, gruppo, ....) {SUBMITCOMPLETE} endpage.pstpl La dichiarazione (dai file di lingua) che indica all'utente che ha completato il sondaggio e di premere il pulsante "Invia" {SUBMITREVIEW} survey.pstpl La dichiarazione (dai file di lingua) che dice all'utente che può rivedere/modificare le risposte fornite facendo clic su "<< prev" |Tutti i file Visualizza l'ID risposta dell'utente {QUEXMLPDF} Tutti i file Visualizza il pulsante per esportare il PDF queXML del questionario, comprese le risposte inserite fino al punto che è stato completato nel sondaggio. {TOKEN:FIRSTNAME} Tutti i file ***Se le risposte al sondaggio NON sono ANONIME - viene sostituito con il nome dell'utente dai token table {TOKEN:LASTNAME} Tutti i file ***Se le risposte al sondaggio NON sono ANONIME - viene sostituito con il cognome dell'utente dalla tabella dei token*** {TOKEN:EMAIL} Tutti i file ***Se le risposte al sondaggio NON sono ANONIME - viene sostituito con l'e-mail dell'utente dalla tabella dei token*** {TOKEN:ATTRIBUTE_1} Tutti i file s ***Se le risposte al sondaggio NON sono ANONIME - vengono sostituite con l'attributo utente_1 dalla tabella dei token*** {TOKEN:ATTRIBUTE_2} Tutti i file ***Se le risposte al sondaggio NON sono ANONIME - vengono sostituite con l'attributo utente_2 dalla tabella dei token*** {ANSWERSCLEARED} Preferibilmente in navigator.pstpl L'istruzione "Answers Cleared" dai file di lingua {RESTART} clearall.pstpl URL per riavviare il sondaggio {REGISTERERROR} register.pstpl Mostra eventuali messaggi di errore nella pagina di registrazione (es.: "Devi inserire un indirizzo email") {REGISTERMESSAGE1} register.pstpl L'istruzione "Devi essere registrato per completare questo sondaggio" dai file di lingua {REGISTERMESSAGE2} register.pstpl Dettagli sulla registrazione dai file di lingua {REGISTERFORM} register.pstpl Il modulo effettivo per la registrazione, cambierà a seconda che i campi attribute_1 e attribute_2 siano impostati. {SAVE} Funziona adatto su navigator.pstpl Visualizza il 'Salva la tua risposta 's finora' per offrire all'utente di salvare e tornare più tardi per continuare il sondaggio. Se l'opzione Salva è disattivata nelle proprietà del sondaggio, il tag non verrà mostrato e ignorato. {LANGUAGECHANGER} survey.pstpl Visualizza un passaggio nei sondaggi multilingue per modificare la domanda. Input/Pulsanti A ogni tipo di "input" in un sondaggio è stato assegnato il proprio nome di classe, in modo che tu possa aggiungere CSS al tuo file "startpage.pstpl" e avere un certo controllo sull'aspetto dei pulsanti e degli input del modulo. Questi nomi di classe sono i seguenti: submit (Pulsanti di invio) text (Input di testo - per testo breve libero, data e tipo numerico)!N !*answertext (Testo delle risposte) radio (Pulsanti radio) checkbox (Caselle di controllo) 'select' (Seleziona / Caselle di riepilogo) textarea (Ingressi di testo grandi - per testo libero lungo) clearall (L'"Exit and Clear Survey " link) rank (La domanda in stile rango. Non imposta il colore della casella di selezione o delle caselle di testo, ma consente di modificare il colore di sfondo, il colore del testo, la dimensione ecc. ., per il resto della domanda di classifica) graph (La tabella del grafico "percentuale completata") innergraph (La tabella all'interno della tabella del grafico - questa contiene il testo 0% e 100%. Usalo per cambiare la dimensione di questo testo) domanda (Impostazioni generali per qualsiasi domanda visualizzata all'interno di una tabella. Generalmente, dovresti usare questo per assicurati che la dimensione e il colore del carattere siano gli stessi che hai usato altrove come impostazione predefinita) mandatory (Domande obbligatorie) input-error (Utente errore di immissione - se un utente ha commesso un errore con una domanda obbligatoria o una domanda con convalida) array1 e array2 (Questi due stili vengono ciclati quando si presenta l'intervallo di risposte per una domanda di tipo array. Ciò consente di impostare un colore di sfondo alternativo per questi tipi di domande. Array1 è utilizzato anche per le intestazioni di colonna in questi tipi di domande) errormandatory (Imposta il colore e lo stile del messaggio di errore "Questa domanda è obbligatoria") *warningjs (Imposta il colore e lo stile del messaggio di avviso visualizzato se il browser del partecipante ha javascript disabilitato) Ci sono anche alcuni elementi a cui è possibile accedere utilizzando l'ID dell'elemento (#ID in CSS): surveycontact (Il messaggio di contatto mostrato nella pagina iniziale) tokenmessage (utilizzato per i messaggi all'interno del sondaggio, ad esempio il messaggio di errore di sessione scaduta) Poiché puoi modificare tutti gli aspetti HTML, non c'è motivo di circondare i tuoi modelli con un <div class='new_name'></div> e quindi definire un css per quella classe new_name. Stilizzare la barra di avanzamento L'aspetto della barra di avanzamento può essere modificato con i CSS. Per cambiare il colore di sfondo della barra, aggiungi qualcosa come il seguente alla fine del tuo file custom.css (esempio per tema fruttato): .fruttato .progress-bar { colore di sfondo: #3300FF; } Per cambiare il colore del bordo della barra, aggiungi qualcosa di simile al seguente alla fine del tuo file custom.css (esempio per tema fruttato): .fruttato .progress-bar { bordo: 1px solido #FF0000; } Funzionalità avanzate disponibili per gli sviluppatori LimeSurvey ha integrato alcune patch create dagli utenti che consentono alcune modifiche speciali. Queste funzionalità molto avanzate (generalmente) richiedono modifiche al codice sottostante di LimeSurvey e dovrebbero essere eseguite con attenzione per non introdurre buchi di sicurezza. Supporto per le tue funzioni Javascript Alcuni utenti potrebbero aver bisogno di eseguire Javascript nelle pagine del sondaggio, ma la chiamata a checkconditions() nell'elemento BODY ha reso impossibile farlo. Questa chiamata è stata sostituita con una piccola funzione JavaScript nell'HEAD che rileva l'esistenza di checkconditions() e template_onload() prima di chiamarli. In questo modo, un autore di template può creare la propria funzione template_onload() nell'HEAD che sostituisce quella predefinita. Disabilita il filtro XSS - in Impostazioni globali -> Sicurezza, imposta "Filtro HTML per XSS" su No. Inserisci il tuo script nella fonte di una domanda o nella descrizione di un gruppo. Suggerimenti e trucchi Elemento specifico della lingua Se desideri inserire una frase specifica in una lingua in un sondaggio, ad esempio un aiuto alla fine di ogni pagina, puoi aggiungere un file .pstl a una frase e nasconderla per l'altra lingua. Se lo nascondiamo nel template.css, possiamo usare lo pseudo selettore :lang, ma usiamo qualche classe per una migliore compatibilità. Di seguito, ci sono due frasi di aiuto, in francese e in inglese. Metti questo su endpage.pstpl: <div class="fr" lang="fr">Pour de l'aide en direct appelez le 000000</div> <div class="en" lang="en"> Per aiuto, chiama lo 000000</div> e in template.css: .lang-fr .en{display:none} .lang-it .fr{display:none} Cambia il layout della pagina del sondaggio Dopo aver modificato e salvato un modello, si applica a una pagina dell'elenco dei sondaggi solo se è selezionato dalle impostazioni del sondaggio. Per renderlo il modello predefinito, vai nella scheda Generale che si trova nelle Impostazioni globali della tua installazione di LimeSurvey e scegli il modello desiderato. Da questo momento in poi, tutti i modelli che utilizzano l'opzione "predefinito" come modello, oltre a quelli che verranno creati di recente, utilizzeranno il modello predefinito appena selezionato. Per utilizzare il modello corrente per questa pagina, è necessario modificare l'impostazione appropriata da Impostazioni globali. Nelle versioni precedenti, questa modifica può essere eseguita modificando l'impostazione $defaulttemplate dal file di configurazione: copia questa impostazione da config-defaults.php a config.php che sovrascrive config-defaults.php e modifica questa impostazione in $defaulttemplate = 'yourtemplatename'; . Importa/Esporta modelli: utenti Mac Utenti Mac , si noti che l'utilità di archiviazione predefinita di Mac OSX potrebbe avere problemi con le cartelle zip "generate al volo". Una soluzione è decomprimere unix dalla riga di comando: $ unzip modello.zip -d modello Archivio: modello.zip gonfiaggio: template/startpage gonfiaggio:... Un'altra soluzione consiste nell'utilizzare gli script nelle loro controparti compilate per mac. Usa lo stesso modello con loghi diversi Se desideri utilizzare lo stesso modello per tutti i sondaggi e desideri solo modificare il logo per ogni sondaggio, puoi utilizzare il segnaposto {SID} nel file .pstpl del modello e quindi fare riferimento a immagini diverse: <img src="{TEMPLATEURL}files/logoImage-{SID}.png"> Visualizza la favicon personalizzata Una favicon è la piccola icona che vedi nella barra degli indirizzi del browser, nell'elenco dei segnalibri o nella scheda. Puoi visualizzare la tua icona come segue: Crea una favicon - Puoi utilizzare Google per trovare molti generatori di favicon gratuiti. Nomina la tua nuova favicon "favicon.ico" e posizionala nella directory dei tuoi template /files. Aggiungi il seguente codice al tuo startpage.pstpl prima del</head> etichetta. <link rel="shortcut icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"> <link rel="icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"> Aspetto diverso per le pagine di sondaggi/domande Se vuoi che LimeSurvey cambi l'aspetto di ogni seconda pagina (cioè, pagine di sondaggi pari e dispari), puoi usare la classe .page-odd nel tuo file CSS per cambiare l'aspetto delle pagine dispari. Un esempio dal modello predefinito di LimeSurvey 1.91+: .page-odd table.question-group { colore di sfondo: #D2F2D3; } Se non vuoi differenziare le pagine pari e dispari, trova tutte le istanze di .page-odd in template.css e rimuovi quegli stili. Crea un bordo separatore verticale per l'array a doppia scala Per creare un bordo separatore verticale per un array a doppia scala, puoi aggiungere le seguenti righe al tuo file template.css. table.question thead td.header_separator, table.question tbody td.dual_scale_separator { border-right:solid 1px #00A8E1; } header_separator è usato per indirizzare il separatore per l'intestazione "td". Il "dual_scale_separator" viene utilizzato per indirizzare la colonna separatore nell'array a doppia scala. Aggiungere il proprio logo all'elenco dei sondaggi Per prima cosa apri l'editor del tema per il tema che desideri utilizzare. Ti consigliamo di utilizzare fruttato, è il nostro miglior tema al momento. Quindi estendi il tema e assegnagli un nome che riconosci. Nella seguente vista puoi caricare il logo che desideri utilizzare. Seleziona la schermata dell'editor `Survey List´ nel menu a discesa Schermata nell'angolo in alto a destra. Quindi seleziona `layout_survey_list.twig´ nel menu a sinistra. Nell'editor scorri fino alla riga 126 e modifica la parte contrassegnata con il nome file dell'immagine che hai caricato in precedenza nel tema. Salva il tuo file. Cambia il tema predefinito con il tuo tema esteso. Allinea il logo al centro della pagina del sondaggio Questo esempio è per il modello "extends_fruity". Per altri modelli, il CSS richiesto potrebbe essere diverso. Accedi all'area di amministrazione di LimeSurvey Accedi all'editor del tema: Configurazione > Temi Trova "LimeSurvey Fruity Theme" nell'elenco e fai clic sul pulsante "Editor del tema" Fai clic su "custom.css" nell'elenco dei file a sinistra nella parte inferiore della pagina Copia il seguente CSS in quel file e premi "Salva modifiche" .navbar-fixed-top > div.navbar-header { larghezza: 100% !importante; } .navbar-fixed-top > div.navbar-header > div { larghezza: 100% !importante; } .navbar-fixed-top > div.navbar-header > div > img { margine: 0 auto 0 auto !importante; } Visualizzazioni domande personalizzate (New in 3.0 ) Nota: Questa è una funzionalità temporanea che verrà sostituita in futuro dall'oggetto domanda (sarà molto semplice spostare le viste personalizzate sull'oggetto domanda). È disabilitato per impostazione predefinita. A partire dalla versione 2.5, puoi creare visualizzazioni personalizzate specifiche del modello per le domande e alcuni dei loro elementi incorporati. Ciò è utile se desideri modificare il layout HTML di un particolare tipo di domanda per uno o più sondaggi. In application/config/config.php, trova 'config'=>array e aggiungi questa riga all'array: 'allow_templates_to_overwrite_views'=>1 In /{your_template}/config.xml, imposta "overwrite_question_views" su true Copia application/views/survey/* in template/{your_view_directory}/survey/ Nota che devi solo copiare i file che intendi modificare ma la struttura del file deve rimanere la stessa di application/views/survey/ Inserisci file CSS o JavaScript personalizzati per il modello A partire dalla versione 2.50, è possibile utilizzare il file config.xml per caricare automaticamente i file plug-in. Carica i tuoi file nella cartella template /css o /scripts In /{your_template}/config.xml, aggiungi i percorsi dei file al file<css> O<js> blocchi, qualcosa del genere: <css> <filename> css/jquery-ui-custom.css</filename> <filename> css/bootstrap-slider.css</filename> <filename>css/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</filename> <filename> css/flat_and_modern.css</filename> <filename>css/modello.css</filename> <filename>css/myCustomPlugin.css</filename> </css> <js> <filename> script/template.js</filename> <filename> script/bootstrap-slider.js</filename> <filename>script/myCustomPlugin.js</filename> </js> Definizioni di classe (per sviluppatori) lista-risposte Domanda Tipo di domanda elementi arrays/5point A tr array/10punti B tr array/array F tr array/colonna H tr e col array/dualscale 1 tr array/increasesamedecrease E tr arrays/yesnouncertain C tr genere G div e ul list_with_comment Oh div classifica R ul e div yesno Y ul e div ranking_advanced R ul e div listradio L div 5punti di scelta 5 ul scelta multipla m div radio-list Domanda Tipo di domanda elementi si no Y ul genere G ul arrays/yesnouncertain C tr array/increasesamedecrease E tr array/dualscale 1 tr array/5punti A table e tr arrays/10point B tr array/array F tr array/colonna H col listradio L div lista_con_commento Oh div seguito da ul radio-item Domanda Tipo di domanda elementi arrays/yesnouncertain C td 5punti di scelta 5 li array/10punto B td array/5punti A td array/array F td array/colonna H td array/dualscale 1 td array/increasesamedecrease E td genere G li listradio L li sìno Y li listradio L li e div image_select-listradio L li e div list_with_comment 0 li list-group Domanda Tipo di domanda elementi sino Y ul 5punti di scelta 5 ul genere G ul classifica R ul ranking_advanced R ul e div question_index_group_buttons div question_index_questions_buttons div list-group-horizontal Domanda Tipo di domanda elementi sìno Y ul 5punti di scelta 5 ul genere G u list-unstyled Domanda Tipo di domanda elementi list_with_comment 0 ul listradio L ul scelta multipla m ul scelta_multipla_con_commenti P ul multiplenumerico K ul multipleshorttext D ul classifica R ul ranking_advanced R ul bootstrap_buttons_multi m ul image_select-multiplechoice m ul inputondemand/multipleshorttext D ul register_error ul register_message ul layout_survey_list ul carica ul salva ul captcha u select-list Domanda Tipo di domanda elementi classifica R ul ranking_advanced R u checkbox-item Domanda Tipo di domanda elementi multiflexi (Numeri array) : td scelta multipla m li scelta_multipla_con_commenti P div image_select-listradio L li image_select-multiplechoice m li e div navigatore span checkbox-text-item Domanda Tipo di domanda elementi scelta_multipla_con_commenti P li scelta multipla m li image_select-multiplechoice m li