Theme editor/hu

Bevezetés

A LimeSurvey fejlett téma- és stílusrendszerrel rendelkezik, amely hatékony módot biztosít a fejlesztőknek a felmérés megjelenésének testreszabására. Az LS3 óta a 'sablonok kifejezést a 'témák kifejezés váltotta fel. A Témák lehetővé teszik a felmérés oldalainak stílusának szabályozását. A felmérés adminisztrátora kiválaszthat egy alapértelmezett témát, amelyet az egyes felmérésekhez használ, hogy tovább személyre szabhassa azt. A Témák olyan opciókat tartalmaz, amelyek kódolási ismeretek nélkül biztosítják az adminisztrátor számára, hogy egyszerűen logót helyezzenek el az üdvözlőoldalon, módosítsák a háttérszínt, válasszon betűtípust stb.

A LimeSurvey 3 témát tartalmaz. Ezeket a kezdeti témákat a LimeSurvey telepítési "themes/survey/" könyvtárában található könyvtárak határozzák meg. Minden témának saját könyvtára van. A téma főkönyvtárában található egy XML-beli konfigurációs fájl, valamint számos olyan könyvtár, amely tartalmazza a témák (.twig), lépcsőzetes stíluslapok (.css), nézeteket. 'scripts, images (.jpg vagy .png), és esetleg mások.

A LimeSurvey 2.50 óta a témamotor a Bootstrap 3-t használja CSS-keretként. Mivel a Bootstrap 3 egy szabványos keretrendszer, a fejlesztők rengeteg dokumentációt, oktatóanyagot és fórumszálat találhatnak róla az interneten.

A LimeSurvey 3 óta a témamotor a Twig-et használja, így a témafejlesztők biztonságosan és egyszerűen módosíthatják a felmérés megjelenítésének logikáját. A Twig lecseréli a korábbi verziókban használt helyettesítő kulcsszavak régi rendszerét. A kulcsszavak HTML-kódjának létrehozásához használt logika mostantól elérhető a téma nézeteiben.

Részlet a vanília témából:

 <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> 
 {# MEGJEGYZÉS: Ha testre szeretné szabni a kérdés megjelenítését, használjon #}
 {{ kérdés.válasz | nyers }}
</div>

A témák, mivel HTML és Twig kód, általában meghatározzák a megjelenítendő szöveg elhelyezését és típusát, valamint az oldal hasonló szerkezeti jellemzőit. Gyakran hivatkoznak vagy tartalmaznak más fájlokat. Legtöbbjük egy közös lépcsőzetes stíluslapok (CSS) fájlra hivatkozik, amely meghatározza a betűtípus stílusát, színét, méretét, hátterét és hasonló paramétereket, amelyek a felmérés összes oldalán közösek. A stíluslapok a HTML 'class' paramétereire hivatkoznak, amelyek a HTML-kód különböző típusú objektumaihoz vannak társítva. Ez lehetővé teszi, hogy a stíluslap meghatározza, hogyan jelenítse meg a sokféle szöveg vagy egyéb objektum mindegyikét, amelyek több helyen is megjelenhetnek. A LimeSurvey-ben minden kérdéstípushoz egyedi osztályok állnak rendelkezésre, így részletes ellenőrzést biztosítva mindegyik kérdéstípushoz. A képfájlok, például logók vagy speciális folyamatjelző konstruktorok, szintén hivatkozhatnak a témafájlban. Végül a kapcsos zárójelekben lévő speciális kulcsszavakat a felmérésben az egyes nyelvi fordítási levelezőkhöz definiált szövegekre cseréljük (például a „Felmérés címe” vagy a „Kérdés szövege” minden definiált nyelvhez).

Ha új egyéni témát hoz létre, fontolja meg annak visszaküldését a LimeSurvey közösségnek, és tegye elérhetővé mások számára. Segítségével bővíthetjük témák, felmérések és egyéb kiegészítők tárházát, hogy még jobbá tegyük a LimeSurveyt! Tekintse meg LimeSurvey sablontárunkat, ahol megoszthatja sablonjait.

Új téma létrehozása

Új téma létrehozásához (vagy meglévő téma szerkesztéséhez) Sablonszerkesztési felhasználói engedély szükséges a LimeSurveyben, valamint engedélyre van szüksége a mögöttes operációs rendszerben lévő fájlok kezeléséhez. rendszer, amely otthont ad a LimeSurvey telepítésének.

Figyelmeztetés: Ha módosítja a témát, hatással lehet a LimeSurvey telepítéséből származó összes korábbi felmérésre is. A témák olyan speciális funkciók, amelyek tapasztalatot és HTML-ismeretet igényelnek.

Az új téma létrehozásának előnyben részesített módja a 'Témaszerkesztő (lásd alább), amely a felső eszköztár 'Konfiguráció alatt található. Egyes felhasználók szívesebben dolgoznak közvetlenül a témafájlokkal, így a webes felület helyett kedvenc szövegszerkesztőjüket használhatják. Ebben az esetben továbbra is használja a Témaszerkesztőt az új téma létrehozásához. Ezzel létrehoz egy új alaptémát az összes szükséges fájllal a LimeSurvey_web_root/upload/themes/survey/your_new_template könyvtárban. Innen a szövegszerkesztővel manuálisan módosíthatja a sablonfájlokat.

Engedélyek Megjegyzés: Unix/linux rendszereken ezek a témafájlok annak a csoportnak és felhasználónak a tulajdonában lesznek, ahol a webszerver fut (egyes rendszerek esetében "www" lehet). Tehát győződjön meg arról, hogy rendelkezik a megfelelő jogosultságokkal a fájlok szerkesztéséhez. Mentéskor ügyeljen arra, hogy ne változtassa meg a tulajdonjogát! Így szükség esetén továbbra is használhatja a webes témaszerkesztő felületet.

A LimeSurvey számos „nyilvános” eleme egy sor téma szerint módosítható. A következő rész nagyon rövid magyarázatot ad ezekről a sablonokról.

A LimeSurvey témaszerkesztő

'Témaszerkesztő: 'Konfiguráció > Témák> Témaszerkesztő A Témaszerkesztő csak a felhasználók számára érhető el Felhasználók kezelése#Set globális engedélyek a sablonok engedéllyel rendelkező felhasználóhoz és a kiemelt rendszergazdáknak.

  A nem megfelelően felépített téma működésképtelenné tehet egy felmérést (amely a megfelelő sablont használja).

A LimeSurvey témaszerkesztő lehetővé teszi a témák tartalmának online szerkesztését. A Témaszerkesztő elindítása: kattintson a 'Témák' gombra a 'Konfiguráció menüben, majd kattintson a 'Témaszerkesztő gombra a szerkeszteni vagy bővíteni kívánt téma mellett.

A sablonszerkesztő oldalon kiválaszthatja a szerkeszteni/megtekinteni kívánt sablont.

A következő lehetőségek állnak rendelkezésre:

• Létrehozás: Lehetővé teszi új sablon létrehozását. Annak érdekében, hogy ne kezdjük elölről, az 'alapértelmezett' sablont másolja.
• Importálás: Lehetővé teszi sablon importálását ZIP fájlból.
• Exportálás : Lehetővé teszi az aktuális sablon exportálását ZIP fájlba.
• Másolás: Lehetővé teszi új sablon készítését az aktuális másolásával.
• Átnevezés: Lehetővé teszi a sablon nevének megváltoztatását. Általában egy sablon másolása vagy importálása után használatos.
• Sablon: Egy legördülő lista, amely megjeleníti a LimeSurvey telepítésében található összes elérhető sablont.

• Képernyő: Egy legördülő lista, amely lehetővé teszi, hogy kiválassza, hogy a sablon melyik felmérési oldalát szeretné megtekinteni.
• Vissza az adminisztrációs panelre.

Sablon importálása/exportálása/másolása

Amikor exportál egy sablont, egy ZIP-fájl archívumot az összes sablonfájllal (.pstpl fájlok, képek, css fájlok stb.). Az exportált zip-fájlt importálhatja egy másik LimeSurvey-telepítésbe az importálási funkció használatával, vagy manuálisan átmásolhatja az archívumot egy másik LimeSurvey-telepítésbe, és kibonthatja a megfelelő sablonba. könyvtár ott.

A legjobb azonban a LimeSurvey sablon import/exportálás/másolás funkcióit használni a sablonszerkesztőben.

Oldalszerkezet / Sablonhasználat

• Az üdvözlő oldal: startpage.pstpl, welcome.pstpl, privacy.pstpl, navigator.pstpl, endpage.pstpl
• 'A kérdések oldalai: startpage.pstpl, survey.pstpl, startgroup.pstpl, groupdescription.pstpl, question.pstpl, endgroup.pstpl, endpage.pstpl
• Az utolsó oldal: kezdőlap .pstpl, assessment.pstpl, complete.pstpl, endpage.pstpl

Sablonfájlok

A következő sablonfájlokat használjuk a nyilvános felmérés elkészítéséhez, és minden új sablon mappában létezniük kell:

• startpage.pstpl: Minden html oldal elejét hozza létre. Kezdődik a "<head> " címke, és nem tartalmazhatja a "<html> " címkét. Egy szabványos html oldalnak ezt a "legelejét" a szkript írják. Kérjük, győződjön meg arról, hogy a startpage.pstpl fájljai tartalmaznak egy<body> címke. Bár sok böngésző nem követeli meg a W3 HTML-szabványok szigorú betartását, a LimeSurvey szkriptnek találnia kell egy címkét bizonyos JavaScript-elemek futtatásához. Nem gyakori, hogy sok „kulcsszó” szerepel a startpage.pstpl fájlban. Mindazonáltal érdemes lehet a(z) {SURVEYNAME} szót beletenni a címbe. A startpage.pstpl fájl tartalmazhat olyan kódot, amely a megfelelő endpage.pstpl fájlra végződik. Például elindíthat egy táblázatot ebben a fájlban, és bezárhatja a táblát az endpage.pstpl fájlban. A startpage.pstpl és endpage.pstpl fájlok a LimeSurvey által használt összes lehetséges oldalt körülölelik.
• survey.pstpl: Ez a sablon a második, amelyet a legtöbb oldalon használnak, és helyet biztosít a felmérés nevének megadására. és leírás. Ennek a sablonnak nincs megfelelő 'záró' sablonja, és ezt követően be kell zárnia az ebben a sablonfájlban megnyitott összes címkét (pl.: ne hagyjon itt nyitva egy táblát, mert nincs máshol bezárható).
• ' welcome.pstpl:' Ezt a sablont csak az üdvözlőképernyőn használjuk (amely a főoldalon is megtalálható az 'all in one' felméréseknél). Ezzel kinyomtathatja az üdvözlő szöveget és egyéb információkat, amelyeket a bevezetőben meg kell adni. A 'survey.pstpl' fájlhoz hasonlóan nincs megfelelő 'záró' sablon, ezért ebben a sablonfájlban megnyitott összes címkét is be kell zárni.
• startgroup.pstpl: Ez a sablon egy „összefoglaló” körben a csoporton belüli kérdésekhez. Rendelkezik egy megfelelő 'endgroup.pstpl' sablonnal, amellyel a fájlban lévő megnyitott címkék bezárhatók, így ezen belül is megnyithat egy táblázatot.
• groupdescription.pstpl: Ez a sablonfájl egy csoport leírásának megjelenítésére szolgál. Kérjük, vegye figyelembe, hogy a felmérés beállításaiban (a Prezentáció és navigáció beállításai menüpontot a Prezentáció fülre kattintva érheti el) beállíthatja, hogy a csoport leírása megjelenjen-e vagy sem. Ha nem, akkor ez a fájl egyáltalán nem szerepel benne.
• question.pstpl: Ez a fájl tartalmazza a kérdőív kérdés-, válasz- és súgószövegeit. A "csoportonkénti csoport" és a "mindent egyben" felmérésekben ezt a sablont minden kérdésnél ismételten körbeforgatják. Ehhez nincs megfelelő zárófájl, és minden címkét be kell zárni.
• question_start.pstpl: Ez a fájl a kérdés elején található egyes elemeket tartalmazza. A „question.pstpl” a {KÉRDÉS} kulcsszón keresztül szerepel. Célja, hogy a sablontervezők nagyobb irányítást biztosítsanak a kérdés elrendezése felett. Ez a sablon kívül esik a normál sablonrendszeren, és kiváltva lett (a LimeSurvey 1.87-től). A sablon összes kulcsszava közvetlenül elérhető a question.pstpl oldalon.
• completed.pstpl: Ez az oldal az utolsó oldalként jelenik meg, amikor a kérdőíves válaszokat elmentette és a felmérés véget ért. Használható egy "továbbító hivatkozás" megjelenítésére a felmérés beállításai szerint.
• endgroup.pstpl: Ez a fájl bezárja a csoportot, és felhasználható a programban megnyitott címkék bezárására. startgroup.pstpl fájl
• navigator.pstpl: Ez a fájl tartalmazza azokat a gombokat, amelyek a kérdőívben navigálnak: "következő", "előző", "utolsó", "elküld", "eddigi mentés" és a "minden törlése" hivatkozást. A kitöltött oldal kivételével minden oldalon használatos.
• printanswers.pstpl: Ez a fájl rendelkezik a felmérés nyomtatott verziójához szükséges HTML-burkolóval.
• print_group.pstpl : Ez a fájl megegyezik a startgroup.pstpl és endgroup.pstpl fájlokkal, de a felmérés nyomtatott verziójához.
• print_question.pstpl: Ez a fájl megegyezik a question.pstpl fájllal. , hanem a felmérés nyomtatott verziójához.
• print_survey.pstpl: Ez a fájl megegyezik a survey.pstpl fájllal, csak a felmérés nyomtatott verziójához.

CSS és Javascript

A sablonokban mindig használt két fájl a template.css (CSS-hez) és a template.js (Javascripthez).

• {TEMPLATECSS}: Sorok hozzáadása az alapértelmezett css-hez, template.css, és template-rtl.css az rtl nyelvhez.
• {TEMPLATEJS}: Adjon hozzá sorokat az alapértelmezett JavaScript-fájlokhoz, a template.js-hez és a LimeSurvey-hez szükséges összes js-fájlhoz.

A Bootstrap használata

LimeSurvey beágyazott Bootstrap 3-at, így az összes sablont stílusozhatja a jól dokumentált Bootstrap osztályokkal. További információért tekintse meg a Bootstrap dokumentáció.

A Awesome-Bootstrap-Checkbox beépülő modult is tartalmazza. Használhatja vele a tipikus Bootstrap színosztályokat (infó, figyelmeztetés, veszély, stb.) a "-checkbox" vagy "-radio" utótaggal is, bár a jelölőnégyzeteket és a rádiókat tetszés szerint alakíthatja.

Az alapértelmezett CSS vagy Javascript lecserélése

Egyes kérdések meghatározott fájlokat használnak a Javascripthez vagy a CSS-hez. Ha ki kell cserélnie egy funkciót, használjon lépcsőzetes rendszert. Javascript függvény esetén az utoljára beolvasott függvény a használt függvény.

Egyéb sablonfájlok

A privacy.pstpl, invitationemail.pstpl, reminderemail.pstpl és confirmationemail.pstpl fájlokat már nem használja a LimeSurvey, és az alapértelmezett ehelyett a megfelelő nyelvi fájlokban kell beállítani. Az e-mail üzenetek most felmérésenként szerkeszthetők.

Normál oldalak

Tíz szabványos oldal található, amelyeket a felmérésben résztvevők láthatnak a LimeSurvey alkalmazás felvétele vagy elérése során. Mindegyik a felmérés beállításaiban megadott 'Sablon számos közös 'Sablon fájlból épül fel. Az alábbi táblázat azt mutatja, hogy mely sablonfájlokat használták az egyes oldalak felépítéséhez.

Felmérés oldalai/'' Sablonfájlok	Felmérés Lista	Üdvözöljük	Kérdés	Befejezve	Minden törlése	Regisztráció	Betöltés	Mentés	Nyomtatás Válaszok	Nyomtatás Survey
SurveyList	Fájl:check.gif
Üdvözöljük		Fájl:check.gif
Adatvédelem		Fájl:check.gif
Navigátor		Fájl:check.gif	Fájl:check.gif
Felmérés			Fájl:check.gif			Fájl:check.gif
StartGroup			Fájl:check.gif
Csoportleírás			Fájl:check.gif
Kérdés *			Fájl:check.gif
EndGroup			Fájl:check.gif
Értékelés				Fájl:check.gif
Befejezve				Fájl:check.gif
Minden törlése					Fájl:check.gif
Regisztráció						Fájl:check.gif
Betöltés							Fájl:check.gif
Mentés								Fájl:check.gif
Answers nyomtatása									Fájl:check.gif
Felmérés nyomtatása										Fájl:check.gif
Nyomtatási csoport										Fájl:check.gif
Kérdés nyomtatása										Fájl:check.gif
Kezdőoldal Végoldal Template.css	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif	Fájl:check.gif

'* MEGJEGYZÉS: Az 1.90-es és újabb verziókban ez a question.pstpl ÉS a question_start.pstpl helyébe lép. Ha régi egyéni sablont használ, hozzá kell adnia a következő sort a question.pstpl elejéhez:

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

Ezután adja hozzá a megfelelő záró címkét a question.pstpl végéhez:

</div>

'* MEGJEGYZÉS: Az 1.91-es és korábbi verziókban a LimeSurvey js fájlok nem szerepelnek a sablonban. A 2-es verzióban használnia kell a(z) {TEMPLATEJS} elemet az egyik sablonfájlban, hogy hozzáadja a hivatkozást a js fájlhoz. Hozzáadhatja a startpage.pstpl vagy az endpage.pstpl fájlhoz. A személyes sablon frissítéséhez eltávolíthatja a {TEMPLATEURL}/template.js sort, és le kell cserélnie a {TEMPLATEJS} elemre.

A fájlvezérlő rész

A bal oldali "fájlvezérlő" ablakban rákattinthat az oldal összeállításához használt sablonfájlok egyikére. Megtekintheti a „Képernyő részt”, a JavaScript- és CSS-fájlokat. A fájl HTML-kódja ezután megjelenik a "Most szerkesztés" ablakban a közepén. Ha a sablon szerkeszthető (a címtárengedélyek határozzák meg), akkor bármilyen módosítást elvégezhet és elmenthet.

Az "Egyéb fájlok" ablakban megjelenik a sablonkönyvtár összes többi fájljának listája. Használhatja a jobb oldalt a képfájlok (képek, logók stb.) vagy a sablon létrehozásához szükséges egyéb fájlok feltöltésére és kiválasztására.

Ahelyett, hogy minden képhez linket használna, használja a {TEMPLATEURL} mezőt. Tehát ahelyett:

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

Használhatja az ^{(New in 2.50 )}:

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

A LimeSurvey 2.50 előtti verzióiban használja:

 img src='{TEMPLATEURL}sajátkép.jpg'

A szerkesztett sablonoldal egy „mintája” látható lesz a képernyő alján. A sablonszerkesztőből nem lehet sablont törölni. Ezt úgy kell megtenni, hogy hozzáfér a mögöttes könyvtárhoz, és manuálisan törölje a fájlokat onnan. Lehetősége van különböző képernyőfelbontások kiválasztására is, hogy jobban értékelje a sablon érzését és megjelenését.

'Megjegyzés: A kiszállított sablonok nem szerkeszthetők a sablonszerkesztővel. Ha módosítani szeretné őket, először hozzon létre egy másolatot, majd szerkessze a másolatot.

Sablonfájlok helye

A LimeSurvey a „standard” sablonokat a saját külön alkönyvtárában tárolja a „/templates” könyvtárban, amely a nyilvános könyvtárban van a többi LimeSurvey nyilvános fájllal együtt. A testreszabott felhasználói sablonok a /upload/templates könyvtárban tárolódnak.

A sablonok könyvtárában az ALWAYS egy "alapértelmezett" könyvtárnak kell lennie. Ezt a sablont alapértelmezés szerint a rendszer tartalékként használja, ha nem létezik sablonmappa, vagy nem található. Alapértelmezés szerint telepítve van.

A sablonkezelési területre feltöltött bármely képfájlt használhatja a következő szintaxis segítségével:

{TEMPLATEURL}fájlnév.xyz

Stíluskérdések CSS-sel

A kérdések stílusa a CSS-ben sokkal könnyebbé vált. Minden kérdéstípusnak van egy egyedi osztálya. A kötelező kérdésekhez tartozik egy további kötelező osztály. Például egy nem kötelező kérdéshez:

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

és ha a kérdés kötelező:

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

és ha a kérdés kötelező, de a felhasználó nem válaszolt rá, vagy ha van érvényesítés egy kérdésnél:

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

és ha a kérdés érvényesítése megtörtént, de a felhasználó nem válaszolt helyesen:

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

Globális osztályok a kérdésrészhez

Ezeket az osztályokat minden kérdéstípushoz használják. Egyes kérdéstípusok csak egy vagy két osztályt használnak, míg mások sokkal többet.

Globális osztályok

Osztály neve	N rész	Kérdés típusa	Példák	Megjegyzés
.question (Obsolete since 3.0)	Minden kérdésblokk	Minden kérdéstípus	, , .ls-answers (New in 3.0 ) Minden kérdésblokk Minden kérdéstípus , , .subquestions-list Alkérdések listája Többválasztós kérdés, tömbkérdéstípus , A .questions-list is használatban van .válaszok-lista Válaszok listája Egyválasztós kérdés, tömbkérdéstípus, Többszörös szövegbevitelű kérdés , .válasz-elem A válasz rész: egy válasz Egyválasztós kérdés, tömbkérdéstípus, Többszörös szövegbevitelű kérdés , .nincs válasz-elem A válasz rész a válasz nélkül Egyválasztós kérdés, tömbkérdéstípus , Ha nincs válasz, az is válasz, akkor legyen dupla osztályú noanswer-item és answer-item .kérdés-elem A kérdés rész: egy kérdés Többszöveges kérdés, tömbkérdéstípus , Néhány válasz kérdés is. Akkor van egy csomó class="question-item answer-item" .button-list A gombok listája Igen nem és Nemi kérdés .gomb-elem A válasz rész gombbal Igen nem és Nemi kérdés .checkbox-list A jelölőnégyzetek listája Többválasztós kérdés, tömbszámú (jelölőnégyzet) kérdéstípus , Egyes kérdéstípusok többlistás osztályt használnak, például a megjegyzéssel ellátott checkbox: class="checkbox-list text-list" .checkbox-array (New in 3.0 ) A jelölőnégyzetek tömbje Tömb (számok) jelölőnégyzet opcióval .checkbox-item A válasz rész egy jelölőnégyzetet Többválasztós kérdés, tömbszámú (jelölőnégyzet) kérdéstípus , .radio-list A rádiós tétel listája Egyválasztós kérdés, tömb kérdéstípus (mindegyik sor) , .radio-array (New in 3.0 ) Rádióelemek sora Tömb kérdéstípus .rádió-tétel A válasz rész rádióval Egyválasztós kérdés, tömbkérdéstípus , .text-list A szövegbevitel listája Többszöveges kérdéstípus, szövegtömb , .text-item Szövegbevitel válasz része Többszöveges kérdéstípus, szövegtömb , .numeric-list A szövegbevitel listája csak numerikus válaszokkal Több numerikus kérdéstípus, számok tömbje , .szám-lista Csak numerikus választ tartalmazó szövegbevitel listája (minden sorban) Több numerikus kérdéstípus, számok tömbje , .number-array (New in 3.0 ) A numerikus bemenet válasz része Számtömb .select-list (Obsolete since 2.50) A select listája Tömbszámok, Kettős léptékű tömb (kiválasztás) .dropdown-list (New in 2.50 ) A select listája Tömbszámok, Kettős léptékű tömb (kiválasztás) (minden sor) .dropdown-array (New in 3.0 ) Egy sor legördülő menü Tömbszámok, Kettős léptékű tömb (kiválasztás) .select-item (Obsolete since 2,50) A válasz része egy select Tömbszámok, Kettős léptékű tömb (kiválasztás), egyetlen választás a select .dropdown-item (New in 2.50 ) A válasz része egy select Tömbszámok, Kettős léptékű tömb (kiválasztás), egyetlen választás a select .hide (Obsolete since 3.0) Hozzáférhetőséghez használva: css rejtve, de képernyőolvasó olvassa, 2.50 óta : bootstrapból csak sr-t használhat Rövid szöveges kérdés <label class="hide"> Más célra is használható .ls-js-hidden (New in 3.0 ) A rész elrejtésére szolgál, ha a JavaScript aktiválva van Gomb például A LimeSurvey mag használta, de te is használhatod a sablonodban .ls-js-hidden-sr (New in 3.0 ) Kisegítő lehetőségek: rejtse el, ha a js aktiválva van, de mindig mutassa meg, ha a felhasználó képernyőolvasót használ Gomb például <a class="ls-js-hidden-sr"> Gomb .ls-no-js-hidden (New in 3.0 ) A rész elrejtésére szolgál, ha a javascript nincs aktiválva Link <a class="ls-no-js-hidden"> A LimeSurvey mag inaktív linkként használta, ha a javascript nincs aktiválva .ls-label-xs-visibility (New in 3.0 ) A címkét el kell rejteni a nagy képernyőn, de kis képernyőn (nincs több táblázat) és a képernyőolvasónak megjelenítve címke <label class="ls-no-js-hidden"> A tömbkérdés típusú táblacellán belüli címkére használatos .ls-input-group-extra (New in 3.0 ) Ugyanaz a boostrap input-group-addon használata, de a szegély és a háttér nélkül. jobb utótag A jobb és bal utótaghoz használatos (globális) .checkbox (Obsolete since 3.0) input[type=checkbox] Kérdés jelölőnégyzettel <input type="checkbox" class="checkbox"> Modern böngészővel: nem szükséges, de néhány régi böngészőnek szüksége van erre .radio (Obsolete since 3.0) bemenet[típus=rádió] Kérdés rádióval <input type="radio" class="radio"> Modern böngészővel: nem szükséges, de néhány régi böngészőnek szüksége van erre .text input[type=text] Kérdés beviteli szöveggel, vagy textarea <textarea class="text"> .válaszszöveg Tömb kérdéstípus Válaszolj egy tömbkérdéstípus egy részét .col-válaszok Tömb kérdéstípus Válaszok oszlopa <col class="col-answers"> .odd .even (Obsolete since 2,50) Tömb kérdéstípus <col class="odd"> .array1 .array2 (Obsolete since 3.0) Tömb kérdéstípus Váltás a vonalra .ls-odd .ls-even (New in 3.0 ) Tömb kérdéstípus Alkérdés és Y tengely váltakozása Néhány példa a kérdésrészekre osztályokkal 'Szöveges kérdés típusa:' <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> Több rövid szöveg <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> 'Tömb kérdéstípus' <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> A kérdésosztályok teljes listája Kérdés típusa Kérdésosztály Kérdésazonosító 5 pontos választás .választás -5-pt-radio 5 Tömb (10 pontos választás) .array-10-pt B Tömb (5 pontos választás) .array-5-pt A Tömb (rugalmas címkék) dual scale .array-flexible-duel-scale 1 Tömb (Növelés, Megegyezés, Csökkentés) .tömb-növelés-ugyanolyan-csökkentés E Tömb (Multi Flexible) (Számok) .tömb-multi-flexi - Tömb (többszörös rugalmas) (szöveg) .array-multi-flexi-text ; Tömb (Igen/Nem/Bizonytalan) .tömb- yes-uncertain-no C Tömb (rugalmas címkék) .array-flexible-row F |.array-flexible-column H Kazánlap kérdés .boilerplate X Dátum .dátum D Egyenlet .egyenlet * Nem .gender G Óriási szabad szöveg .text-huge U Nyelvváltás .language I Lista (legördülő) .list-dropdown ! Lista (rádió) .list-radio L Lista megjegyzéssel .list-with-comment O Hosszú szabad szöveg . text-long T Többszörös numerikus bevitel .numeric-multi K Több lehetőség .multiple-opt M Több lehetőség megjegyzésekkel .multiple-opt-comments P Több rövid szöveg .multiple-short-txt Q Rangsor .rangsor R Rövid szabad szöveg .text-short S Igen/Nem .igen-nem I Az érvényesítési osztályok teljes listája Megjegyzés: Az 1.92 előtt csak .kötelező és .input-error osztályok voltak elérhetők. Ezek a súgó- és/vagy az érvényesítési tippüzenetekre vonatkoznak, így minden típus egyedileg alakítható. A .hide-tip és az .input-error opciók alapértelmezés szerint együttműködnek, így elrejthetők az érvényesítési tippek. Azonban megjelennek, ha érvényesítési hibák vannak, és újra eltűnnek, ha ezeket a hibákat kijavítják. Mindezek célja, hogy kiküszöböljék a felugró figyelmeztető üzenetek szükségességét. Ehelyett a tippek szükség szerint megjelenhetnek/eltűnhetnek, és színkóddal jelzik, hogy a válaszok megfelelnek-e az érvényesítési feltételeknek. Továbbá, amikor először meglátogat egy olyan oldalt, amelyen nem felel meg az érvényesítési feltételeknek, a tippeket tetszetős színnel színkódolhatja, hogy megmutassa, mely érvényesítési feltételek még nem teljesültek; majd jelenítse meg újra az oldalt durvább színnel, ha a személy elhúzódó ellenőrzési hibákkal küldi be az oldalt. Cél CSS osztály Leírás Kötelező .kötelező a kérdés kötelező Felhasználói beviteli hiba .input-error a kérdésben legalább egy érvényesítési hiba volt Tipp elrejtése .hide-tip hozzáadva ha a hide_tip opciót használja default type .em_default az alapértelmezett tippkészlethez (numerikus érték stb…) Válaszok száma .em_num_answers a min_válaszokhoz és a maximális_válaszokhoz Értéktartomány .em_érték_tartomány min/max._szám_érték_n és multiflexibilis_min/max Összegtartomány .em_összeg_tartomány min/ max/equals_num_value Regex érvényesítés .em_regex_validation a kérdés reguláris kifejezésének érvényesítéséhez Kérdésszintű érvényesítési függvény .em_q_fn_validation a kérdéshez em_validation_q option Részkérdés-szintű érvényesítési függvény .em_sq_fn_validation az em_validation_sq opcióhoz Egyéb megjegyzés kötelező .em_other_comment_mandatory for other_comment_mandatory "egyéb" ki van választva, de a kapcsolódó megjegyzés hiányzik. Stílusok importálása az egyéni sablonba Az egyéni kérdésstílusok az egyes sablonok CSS-fájljainak alján találhatók, és a következőkkel kezdődnek: /* ---------------------------- START: Kérdésstílusok ------------------ ------------- */ Ha saját egyéni sablont formáz, akkor a fentiek után mindent át kell tudnia másolni a templates/default/template.css (táblázatalapú elrendezések esetén) vagy a /templates/limespired/template” mappából. css (CSS-alapú elrendezésekhez) a saját stíluslapjába, anélkül, hogy bármilyen hatással lenne a többi stílusra. Az Internet Explorer feltételes stíluslapjai Az IE6 és IE7 és a többi böngésző közötti jelentős eltérések miatt minden sablonhoz speciális IE feltételes stíluslapok tartoznak. <!--[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]--> A fenti kódot szerepeltetnie kell a startpage.pstpl fájlban, valamint mindkét IE stíluslap másolatát a /templates/default/ vagy a /templates/limespired táblák alapelrendezéséhez és CSS alapú elrendezés. Megjegyzés: Ha a stílusokat a saját stíluslapjába másolja, szinte biztosan módosítania kell őket. Alternatív megoldás az Internet Explorerhez Feltételes osztályt helyezhet el a body számára a startpage.pstpl fájlba, és használhatja ezt az osztályt a template.css fájlban. Ezt a módszert a citronade sablon (Obsolete since 2.06) használja. js / no-js osztály hozzáadása javascript / no javascript rendszerhez. <!--[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> A template.css-ben pedig használja: .ie6{/*specifikus az Internet Explorer 6-hoz*/} .ielt8{/*az Internet Explorer 6-hoz és a 7-hez*/} .ie{/*az összes Internet Explorerhez */} Jobbról balra (RTL) nyelvek és sorkizárás A LimeSurvey szövegszerkesztője képes RTL szöveg formázására. Maga a szerkesztő azonban indokolt esetben balról jobbra formátumban jeleníti meg az RTL nyelvet. Ez csak a szerkesztő megjelenítési problémája. Az RTL és az indokolt kérdés vagy szöveg helyesen jelenik meg jobbról balra, még akkor is, ha indokolt, a felmérésben vagy az előnézetben. Kulcsszavak A sablonfájlban lévő kulcsszavakat lecseréli az aktuális felmérési információ. Göndör zárójelek veszik körül őket, például: {SURVEYNAME}. A következő karakterláncokat a LimeSurvey lecseréli a sablonfájl elemzésekor és a felmérés felhasználóinak való bemutatásakor. Ezek a mezőkarakterláncok szinte minden sablonon működni fognak, kivéve a „Befejezett oldalt”. (A legtöbb ilyen karakterlánc megtalálható a common.php fájlban. Ha nincs ott, nézze meg az index.php fájlt.) Kulcsszó Sablonfájlok Leírás {SURVEYNAME} Mind Fájlok A felmérés címe {SURVEYDESCRIPTION} Minden fájl A felmérés leírása {WELCOME} Minden fájl (főleg a welcome.pstpl számára) A felmérés üdvözlő szövege {PERCENTCOMPLETE} survey.pstpl Egy kis grafikon, amely a felmérés kitöltésének százalékos arányát mutatja |startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl Az aktuális csoport nevét jeleníti meg {GROUPDESCRIPTION} startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl Az aktuális csoportot jeleníti meg leírás {NUMBEROFQUESTIONS} welcome.pstpl Megjeleníti a felmérésben szereplő kérdések teljes számát (csak a számot) {THEREAREXQUESTIONS} üdvözöljük. pstpl Megjeleníti a „X kérdés van ebben a felmérésben” mondatot – a megfelelő nyelvi fájlból. Az X helyébe a kérdések száma kerül. Vegye figyelembe, hogy ez egyes vagy többes szám esetén is megfelelően működik. Ha csak 1 kérdés van, akkor a következőt írja ki: "Ebben a felmérésben 1 kérdés van". {CHECKJAVASCRIPT} Minden fájl (főleg welcome.pstpl esetén) Figyelmeztető üzenet a felhasználó böngészőjében le van tiltva a javascript {QUESTION} Question.pstpl (Legfelülmaradt az LS1.87-től) Megjeleníti az aktuális kérdés szövegét (a { formátumát A QUESTION} személyre szabható a 'question_start.pstpl' szerkesztésével.) Használja a következőket: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE}, {QUESTION_INPUT_QUESTIONS, HTML wrapping, megfelelő HTML} {ANSWER} question.pstpl, print_question.pstpl bemutatja az aktuális kérdés válaszűrlapját {SGQ} question.pstpl, kérdés szövege Magában a kérdésszövegben használható, hogy dinamikusan hivatkozzon a kérdés beviteli mezőjére az aktuális kérdés felmérési csoportjának kérdésazonosítójának megjelenítésével. (a svn build 9755-től) {QUESTIONHELP} question.pstpl, print_question.pstpl Súgószöveg megjelenítése (előre meghatározott tipp a kérdéstípushoz) az aktuális kérdéshez {QUESTION_CLASS} question.pstpl, print_question.pstpl egyedi osztály minden kérdéstípushoz. (A kérdés burkoló címkéjébe kell foglalni.) {QUESTION_CODE} question.pstpl, print_question.pstpl Az aktuális kérdéskódot jeleníti meg {QUESTION_ESSENTIALS } question.pstpl a kérdésazonosító és (ha a kérdés feltételes), a 'style="display:none;"'. (A kérdés burkoló címkéjébe kell foglalni.) {QUESTION_HELP} question.pstp, question_start.pstpl Megjeleníti a felhasználó által definiált súgószöveget az aktuális kérdéshez {QUESTION_TYPE_HELP} print_question.pstp Megjeleníti a felhasználó által megadott súgószöveget az aktuális kérdéshez {QUESTION_INPUT_ERROR_CLASS} question.pstp, question_start.pstpl Osztályt biztosít, ha felhasználói beviteli hiba történt {QUESTION_ID} print_question.pstp Egyedi azonosítót biztosít minden egyes kérdéshez, hogy lehetővé tegye a stílusosítást az egyes kérdésekhez |question.pstp, print_question.pstp, question_start.pstpl Megjeleníti az aktuális kérdés szövegét {QUESTION_MANDATORY} question.pstp, print_question.pstp, question_start.pstpl Megjeleníti a lefordított 'Kötelező' szöveg az aktuális kérdéshez {QUESTION_MAN_CLASS} question.pstpl, print_question.pstpl osztály, ha egy kérdés kötelező. (A kérdés burkolócímkéjébe kell foglalni.) {QUESTION_MAN_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Megjeleníti a lefordított "Kötelező" súgószöveget az aktuálishoz kérdés {QUESTION_NUMBER} print_question.pstpl Növekvő kérdések száma. {QUESTION_VALID_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Megjeleníti az aktuális kérdés lefordított érvényes súgószövegét {QUESTION_SCENARIO} print_question.pstp Kinyomtatja a "forgatókönyv" szövegét a feltételes kérdésekhez. {NAVIGATOR} navigator.pstpl Megjeleníti a navigációs gombokat (következő, előző, utolsó) {CLEARALL} Minden fájl (de a navigator.pstpl számára készült) Megjeleníti a "Kilépés és az eredmények törlése" link {BEFEJEZETT} completed.pstpl Megjeleníti a "befejezett" üzenetet a regisztrációhoz, attól függően változik, hogy az attribútum_1 és az attribútum_2 mező be van-e állítva. {URL} completed.pstpl Megjeleníti a felmérés "url"-jét és "url szövegét" {PRIVACYMESSAGE} privacy.pstpl Az adatvédelmi üzenet akkor jelenik meg, ha anonimra állítja a felmérést. A szöveg szerkeszthető/lefordítható a nyelvi fájlokban. Ez manuálisan is módosítható a használni kívánt privacy.pstpl sablon szerkesztésével. {TEMPLATEURL} Összes fájl Az aktuális sablon helyére mutató URL (hasznos a képfájlok hivatkozásához az Ön sablonja) {SURVEYRESOURCESURL} Összes fájl Az aktuálisan feltöltött fájlok URL-je ehhez a felmérési helyhez (hasznos a képfájlokra való hivatkozáshoz a kérdésben, csoportban, ....) {SUBMITCOMPLETE} endpage.pstpl A nyilatkozat (a nyelvi fájlokból), amely közli a felhasználóval, hogy kitöltötte a kérdőívet, és nyomja meg a "Küldés" gombot {SUBMITREVIEW} survey.pstpl Az állítás (a nyelvi fájlokból), amely azt mondja a felhasználónak, hogy áttekintheti/módosíthatja az általa adott válaszokat a "<< előző" gombra kattintva {SAVEDID} Minden fájl Megjeleníti a felhasználó 'válaszazonosítóját' {QUEXMLPDF} Minden fájl Megjeleníti a kérdőív queXML PDF-fájljának exportálására szolgáló gombot, beleértve a kérdőív kitöltésének pontjáig beírt válaszok. {TOKEN:FIRSTNAME} Összes fájl ***Ha a felmérés válaszai NEM ANONIMUSOK – a rendszer először a felhasználókra cseréli név a tokentáblázatból {TOKEN:LASTNAME} Minden fájl ***Ha a felmérés válaszai NEM ANONIMUSOK – a rendszer a felhasználó vezetéknevével helyettesíti a tokentáblázatban*** {TOKEN:EMAIL} Minden fájl ***Ha a felmérés válaszai NEM ANONÍMOK – a rendszer a felhasználói e-mailekkel helyettesíti a tokentáblázatban*** Összes fájl ***Ha a felmérésre adott válaszok NEM ANONÍMOK – a rendszer a felhasználói attribútum_2-re cserélődik a tokentáblázatból*** {ANSWERSCLEARED} Lehetőleg a navigator.pstpl-ben. A "A válaszok törölve" utasítás a nyelvi fájlokból {RESTART} clearall.pstpl URL a felmérés újraindításához {REGISTERERROR} register.pstpl Megjeleníti az esetleges hibaüzeneteket a regisztrációs oldalon (pl.: "E-mail címet kell megadnod") {REGISTERMESSAGE1} register.pstpl Az "A befejezéshez regisztrálnia kell" ezt a felmérést" a nyelvi fájlokból {REGISTERMESSAGE2} register.pstpl Részletek a regisztrációval kapcsolatban a nyelvi fájlokból {REGISTERFORM} register.pstpl A regisztráció tényleges formája attól függően változik, hogy az attribútum_1 és attribútum_2 mező be van-e állítva. {MENTÉS} Megfelelően működik a navigator.pstpl Megjeleníti a 'Válaszok mentése, így far” gombot, hogy felajánlja a felhasználónak, hogy mentse, és jöjjön vissza később a felmérés folytatásához. Ha a Mentés opció ki van kapcsolva a felmérés tulajdonságaiban, a címke nem jelenik meg és figyelmen kívül hagyja. {LANGUAGECHANGER} survey.pstpl Váltógombot jelenít meg a többnyelvű felmérésekben a kérdés megváltoztatásához. Bemenet/gombok A felmérésben szereplő minden „bemeneti” típus saját osztálynevet kapott, így CSS-t adhat hozzá a „startpage.pstpl” fájlhoz, és némileg szabályozhatja az űrlapgombok és bemenetek megjelenését. Ezek az osztálynevek a következők: submit (Submit Buttons) text (Szövegbevitel - rövid szabad szöveghez, dátumhoz és számtípushoz) answertext (Válaszok szövege) rádió (Radio Buttons) checkbox (Check Boxes) 'select (Select / List Boxes) textarea (Nagy szövegbevitel – hosszú szabad szöveghez) clearall (A felmérésből kilépés és törlés " link) rank (A rangstílus kérdés. Nem állítja be a kijelölődoboz vagy a szövegdobozok színét, de lehetővé teszi a háttér színének, szövegszínének, méretének stb. ., a rangsor kérdés további részére) graph (A "teljesített százalékos" grafikon táblázat) innergraph (A táblázat a grafikontáblázaton belül - ez 0% és 100% szöveget tartalmaz. Használja ezt a szöveg méretének módosításához) question (Általános beállítások minden olyan kérdéshez, amely egy táblázatban jelenik meg. Általában ezt kell használni győződjön meg róla, hogy a betűméretük és -színük megegyezik a máshol alapértelmezettként használtakkal) kötelező (Kötelező kérdések) beviteli hiba (Felhasználó beviteli hiba - arra az esetre, ha a felhasználó hibázott egy kötelező kérdéssel vagy kérdéssel az érvényesítéssel) tömb1 és tömb2 (Ez a két stílus ciklusra kerül a tartomány bemutatásakor válaszok egy tömb típusú kérdésre. Ezzel váltakozó háttérszínt állíthat be ezekhez a kérdéstípusokhoz. A Tömb1 az oszlopfejlécekhez is használatos ezekben a kérdéstípusokban) 'hiba (Beállítja a "Ez a kérdés kötelező" hibaüzenet színét és stílusát) *warningjs (Beállítja a megjelenő figyelmeztető üzenet színét és stílusát, ha a résztvevő böngészőjében le van tiltva a JavaScript) Vannak olyan elemek is, amelyek az elem azonosítójával (CSS-ben #ID) érhetők el: surveycontact (A kezdőoldalon látható kapcsolatfelvételi üzenet) tokenmessage (a felmérésen belüli üzeneteknél használatos, pl. a munkamenet lejárt hibaüzenet) Mivel az összes HTML-aspektust szerkesztheti, nincs ok arra, hogy sablonjait <div class='new_name'></div> , majd definiáljon egy css-t az új_név osztályhoz. A folyamatjelző sáv stílusa A folyamatjelző sáv megjelenése CSS-sel módosítható. A sáv háttérszínének megváltoztatásához adja hozzá a következőhöz hasonlót a custom.css fájl végéhez (példa a gyümölcsös témára): .gyümölcsös .progress-bar { háttérszín: #3300FF; } A sáv szegélyszínének megváltoztatásához adja hozzá a következőhöz hasonlót a custom.css fájl végéhez (példa a gyümölcsös témára): .gyümölcsös .progress-bar { keret: 1 képpont tömör #FF0000; } A fejlesztők számára elérhető speciális szolgáltatások A LimeSurvey beépített néhány felhasználó által készített javítást, amelyek lehetővé teszik néhány speciális változtatást. Ezek a nagyon fejlett funkciók (általában) megkövetelik a LimeSurvey mögöttes kódbázis módosítását, és ezeket óvatosan kell elvégezni, nehogy biztonsági réseket okozzanak. Saját JavaScript-funkciók támogatása Előfordulhat, hogy egyes felhasználóknak Javascriptet kell futtatniuk a felmérési oldalakon, de a checkconditions() meghívása a BODY elemben lehetetlenné tette ezt. Ezt a hívást egy kis JavaScript-függvénnyel helyettesítették a HEAD-ben, amely a checkconditions() és a template_onload() meglétét szimatolja, mielőtt meghívná őket. Ily módon a sablon szerzője létrehozhatja saját template_onload() függvényét a HEAD-ben, amely helyettesíti az alapértelmezettet. Az XSS-szűrő letiltása - a Globális beállítások -> Biztonság menüpontban állítsa a "HTML szűrése XSS-hez" beállítást No-ra Írja be a szkriptet a kérdés vagy csoportleírás forrásába. Tippek és trükkök Nyelvspecifikus elem Ha azt szeretné, hogy egy nyelvspecifikus mondat szerepeljen egy felmérésben, például súgó minden oldal végén, akkor hozzáadhat egy mondatot .pstl fájlba, és elrejtheti a másik nyelv számára. Ha elrejtjük a template.css-ben, akkor használhatjuk a pszeudo szelektort :lang, de a jobb kompatibilitás érdekében használunk valamilyen osztályt. Az alábbiakban két súgómondat található, franciául és angolul. Tedd ezt az endpage.pstpl oldalra: <div class="fr" lang="fr">Pour de l'aide en direct appelez le 000000</div> <div class="en" lang="en"> Ha segítségre van szüksége, hívja a 000000 telefonszámot</div> és a template.css-ben: .lang-fr .en{display:none} .lang-en .fr{display:none} Módosítsa a felmérés oldalának elrendezését A sablon szerkesztése és mentése után csak akkor vonatkozik egy felmérés listaoldalára, ha a felmérés beállításai közül ki van választva. Ahhoz, hogy ez legyen az alapértelmezett sablon, lépjen a LimeSurvey telepítése Globális beállítások részében található 'Általános fülre, és válassza ki a kívánt sablont. Ettől kezdve minden sablon, amely az "alapértelmezett" opciót használja sablonként, valamint az újonnan létrehozandó sablon, az újonnan kiválasztott alapértelmezett sablont fogja használni. Az oldal jelenlegi sablonjának használatához módosítania kell a megfelelő beállítást a Globális beállítások részben. A régebbi verziókban ez a módosítás a $defaulttemplate beállítás módosításával hajtható végre a konfigurációs fájlból: másolja ezt a beállítást a config-defaults.php fájlból a config.php fájlba, amely felülírja a config-defaults.php fájlt, és módosítsa ezt a beállítást $defaulttemplate = 'yourtemplatename'; . Sablonok importálása/exportálása: Mac felhasználók Mac-felhasználók , kérjük, vegye figyelembe, hogy a Mac OSX alapértelmezett archiváló segédprogramjának problémái lehetnek a "menet közben" létrehozott zip mappákkal. A megoldás az, ha kicsomagolja a Unix fájlját a parancssorból: $ unzip template.zip -d sablon Archívum: template.zip felfújás: sablon/kezdőoldal felfújás:... Egy másik megoldás a szkriptek használata a Mac-en lefordított megfelelőikben. Ugyanazt a sablont használja különböző logókkal Ha ugyanazt a sablont szeretné használni az összes felméréshez, és csak az egyes felmérések logóját szeretné módosítani, használhatja a {SID} helyőrzőt a sablon .pstpl fájljában, és ezáltal különböző képekre hivatkozhat: <img src="{TEMPLATEURL}files/logoImage-{SID}.png"> Egyéni favicon megjelenítése A favicon a böngésző címsorában, a könyvjelzők listájában vagy a lapon látható kis ikon. Saját ikonját a következőképpen jelenítheti meg: Create a favicon – A Google segítségével rengeteg ingyenes favicon-generátort találhat. Nevezd el az új kedvenc ikonodat "favicon.ico"-nak, és helyezd el a sablonban /fájlokban könyvtár. Adja hozzá a következő kódot a startpage.pstpl oldalához, mielőtt</head> címke. <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"> Eltérő megjelenés a felmérés-/kérdésoldalakhoz Ha azt szeretné, hogy a LimeSurvey minden második oldal (azaz a páros és páratlan felmérési oldalak) megjelenését módosítsa, használhatja a .page-odd osztályt a CSS-fájlban a páratlan oldalak megjelenésének megváltoztatásához. Példa a LimeSurvey 1.91+ alapértelmezett sablonjából: .oldal-páratlan táblázat.question-group { háttérszín: #D2F2D3; } Ha nem szeretné megkülönböztetni a páros és páratlan oldalakat, keresse meg a .page-odd összes példányát a template.css fájlban, és távolítsa el ezeket a stílusokat. Hozzon létre egy függőleges elválasztó szegélyt a kettős léptékű tömbhöz Ha függőleges elválasztó szegélyt szeretne létrehozni egy kettős léptékű tömbhöz, a következő sorokat adhatja hozzá a template.css-fájlhoz. table.question thead td.header_separator, table.question tbody td.dual_scale_separator { border-right:folytonos 1px #00A8E1; } A header_separator a "td" fejléc elválasztójának címezésére szolgál. A "dual_scale_separator" a kettős léptékű tömb elválasztó oszlopának címezésére szolgál. Saját logó hozzáadása a felmérési listához Először nyissa meg a használni kívánt témához tartozó témaszerkesztőt. Fájl:OpenThemeEditor.jpg Gyümölcsös használatát javasoljuk, jelenleg ez a legjobb témánk. Ezután bővítse ki a témát, és adjon neki egy nevet, amelyet felismerni fog. A következő nézetben feltöltheti a használni kívánt logót. A jobb felső sarokban lévő Képernyő legördülő menüből válassza ki a szerkesztő képernyő `Survey List´ menüpontját. Ezután válassza ki a `layout_survey_list.twig' lehetőséget a bal oldali menüben. A szerkesztőben görgessen a 126. sorig, és módosítsa a megjelölt részt a korábban a témába feltöltött kép fájlnevére. Mentse el a fájlt. Módosítsa az alapértelmezett témát a kiterjesztett témára. Fájl:ChangeDefaultTheme.jpg Igazítsa a logót a felmérési oldal közepéhez Ez a példa az "extends_fruity" sablonhoz készült. Más sablonoknál a szükséges CSS eltérő lehet. Jelentkezzen be a LimeSurvey adminisztrációs területére Tallózzon a témaszerkesztőhöz: Konfiguráció > Témák Keresse meg a listában a „LimeSurvey Fruity Theme” elemet, és kattintson a „ Témaszerkesztő" gomb Kattintson a "custom.css" elemre a bal oldali fájllistában, az oldal alján Másolja be a következő CSS-t ebbe a fájlba, és nyomja meg a "Változások mentése" gombot. .navbar-fixed-top > div.navbar-header { szélesség: 100% !fontos; } .navbar-fixed-top > div.navbar-header > div { szélesség: 100% !fontos; } .navbar-fixed-top > div.navbar-header > div > img { margó: 0 auto 0 auto !fontos; } Egyéni kérdésnézetek (New in 3.0 ) Megjegyzés: Ez egy ideiglenes szolgáltatás, amelyet a jövőben kérdés objektum vált fel (nagyon könnyű lesz az egyéni nézeteket kérdés objektumra áthelyezni). Alapértelmezés szerint le van tiltva. A 2.5-ös verziótól kezdve sablonspecifikus egyéni nézeteket hozhat létre a kérdésekhez és egyes beépített elemekhez. Ez akkor hasznos, ha módosítani szeretné egy adott kérdéstípus HTML-elrendezését egy vagy több felméréshez. Az application/config/config.php fájlban keresse meg a 'config'=>tömböt, és adja hozzá ezt a sort a tömbhöz: 'allow_templates_to_overwrite_views'=>1 A /{your_template}/config.xml fájlban állítsa be a "overwrite_question_views" értéket true Alkalmazás/nézetek/felmérés/* másolása a sablonba/{saját_nézeti_könyvtár}/felmérés/ Ne feledje, hogy csak a módosítani kívánt fájlokat kell másolnia, de a fájlszerkezetnek meg kell maradnia a jelentkezés/nézetek/felmérés/ Egyéni CSS- vagy JavaScript-fájlok beszúrása a sablonhoz A 2.50-es verziótól kezdve használhatja a config.xml fájlt a beépülő modulok fájlok automatikus betöltésére. Töltse fel fájljait a sablon /css vagy /scripts mappájába A /{your_template}/config.xml fájlban adja hozzá a fájl elérési útját a<css> vagy<js> blokkok, valami ilyesmi: <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/template.css</filename> <filename>css/myCustomPlugin.css</filename> </css> <js> <filename> scripts/template.js</filename> <filename> scripts/bootstrap-slider.js</filename> <filename>scripts/myCustomPlugin.js</filename> </js> Osztálydefiníciók (fejlesztőknek) answer-list Kérdés Kérdés típusa elemek tömbök/5pont A tr tömbök/10pont B tr tömbök/tömb F tr tömbök/oszlop H tr és col tömbök/dualscale 1 tr tömbök/növekszik egy csökkenés E tr tömbök/yesnouncertain C tr nem G div és ul lista_megjegyzéssel O div rangsor R ul és div yesno Y ul és div rangsor_fejlett R ul és div listradio L div 5pontos választás 5 ul többválasztásos M div radio-list Kérdés Kérdés típusa elemek igen Y ul nem G ul tömbök/yesnouncertain C tr tömbök/növekszik egy csökkenés E tr tömbök/dualscale 1 tr tömbök/5pont A táblázat és tr tömbök/10pont B tr tömbök/tömb F tr tömbök/oszlop H col listradio L div lista_megjegyzéssel O div, majd az ul radio-item Kérdés Kérdéstípus elemek tömbök/yesnouncertain C td 5pontos választás 5 li tömbök/10pont B td tömbök/5pont A td tömbök/tömb F td tömbök/oszlop H td tömbök/dualscale 1 td tömbök/növekszik egy csökkenés E td nem G li listradio L li igen Y li listradio L li és div image_select-listradio L li és div lista_megjegyzéssel 0 li list-group Kérdés Kérdéstípus elemek igen Y ul 5pontos választás 5 ul nem G ul rangsor R ul rangsor_haladó R ul és div question_index_group_buttons div question_index_questions_buttons div list-group-horizontal Kérdés Kérdéstípus elemek igen Y ul 5pontos választás 5 ul nem G ul list-unstyled Kérdés Kérdéstípus elemek lista_megjegyzéssel 0 ul listradio L ul többválasztásos M ul többválasztásos_megjegyzésekkel P ul multiplenumeric K ul multipleshorttext Q ul rangsor R ul rangsor_haladó R ul bootstrap_buttons_multi M ul image_select-multiplechoice M ul inputondemand/multipleshorttext Q ul register_error ul regiszter_üzenet ul layout_survey_list ul terhelés ul mentés ul captcha ul select-list Kérdés Kérdés típusa elemek rangsor R ul rangsor_haladó R ul checkbox-item Kérdés Kérdéstípus elemek multiflexi (Tömbszámok) : td többválasztásos M li többválasztásos_megjegyzésekkel P div image_select-listradio L li image_select-multiplechoice M li és div navigátor span checkbox-text-item Kérdés Kérdés típusa elemek többszörös_megjegyzéssel P li többválasztós M li image_select-multiplechoice M li