Mga opsyon sa tema

Ang LimeSurvey 3 ay nagpakilala ng bagong sistema ng template engine, batay sa Twig 1.29 at Bootstrap, na nagbibigay-daan sa template inheritance at iba't ibang opsyon ng template.

I-install ang pinakabagong bersyon ng Limesurvey upang magamit ang feature na mga opsyon sa tema ng survey.

Panimula

Ang Mga opsyon sa tema ay nag-aalok ng hanay ng mga tool na nagbibigay-daan sa mga administrator ng survey na mabilis at madaling baguhin ang mga setting na may kaugnayan sa tema ng kanilang mga survey..

Panel ng mga opsyon sa tema

Buksan ang feature na mga opsyon sa tema mula sa Mga setting ng survey:

Ang toolbar ng panel ay may dalawang tab: ang tab na Mga simpleng opsyon at ang tab na Mga advanced na opsyon.

Mga simpleng opsyon

Ang sumusunod ay ipinapakita sa pahina ng mga opsyon sa tema:

  Tandaan na ang bawat tema ay may kasamang ilang opsyon na maaaring baguhin mula sa mga opsyon ng tema ng survey. Sa seksyong ito ng wiki, ginagamit ang default na tema ng LimeSurvey na fruity upang ipakita kung gaano kabilis at kadali, ngunit makapangyarihan, ang mga pagbabagong maaaring gawin sa isang tema ng mga user na walang paunang kaalaman sa HTML, php, at/o CSS.

Ang tab na Mga simpleng opsyon ay paunang napili. Dito maaaring baguhin ang pinakamahahalagang setting ng tema ng survey:

• I-inherit lahat: Kapag napili ang button na Oo, lahat ng configuration ng tema ay ima-inherit mula sa global na antas ng configuration. Kapag nag-click ka sa Hindi at pinindot ang button na I-save sa kanang itaas na bahagi ng screen, ipapakita ang karagdagang mga opsyon sa configuration ng tema. Ang bawat isa sa mga opsyong ito ay maaaring itakda sa:
  • i-inherit ang mga configuration ng tema ng pangkat ng survey - I-inherit (maliban kung babaguhin, ang tema ng iyong survey ay mag-i-inherit ng global na configuration ng tema);
  • huwag mag-inherit ng anumang global na configuration ng tema - Hindi;
  • o paganahin ang ibang configuration - Oo. Maaaring i-configure ang mga setting ng tema ayon sa gusto mo kung ito ang pipiliin. Mapapansin mong ang bawat setting ng tema ay nagbibigay-daan sa iyong piliin ang halagang I-inherit.

Ang sistema ng inheritance ay inilalapat sa tatlong antas:

• sa global na antas (maa-access mula sa listahan ng template). Ang dalawa pang antas ay nag-i-inherit ng mga global na setting ng tema;
• sa antas ng pangkat ng survey (maa-access mula sa panel ng mga setting ng survey). Ang mga setting ng tema sa antas ng pangkat ng survey ay nag-i-inherit ng mga global na setting ng tema;
• sa antas ng survey. Ang mga setting ng tema ng survey ay nag-i-inherit ng mga setting ng tema ng pangkat ng survey.

• Mga font ng tema: Piliin ang font na nais mong gamitin para sa iyong tema;
• Mga variation ng tema: Pumili ng isa sa mga available na variation ng tema mula sa drop-down na listahan. Binabago nito ang font at ang kulay ng mga icon.

Walang inheritance

Tulad ng nabanggit sa itaas, maaari mong piliin mula sa menu ng mga setting ng survey na hindi i-inherit ang global na configuration ng tema. Kapag na-click mo ang button na I-save, ipapakita ang karagdagang mga opsyon:

Upang ipakita ang lakas ng feature na ito, ang mga sumusunod na paliwanag ay nakabatay sa temang fruity. Tandaan na ang bawat tema ay may sariling mga opsyong maaaring i-customize.

• Ajax mode: Kapag naka-enable, mas mabilis na ilo-load ang pahina ng survey sa pamamagitan ng ajax (inirerekomenda para sa karaniwang user ng LimeSurvey). Kapag naka-disable, ilo-load ang pahina sa pamamagitan ng page reload, na mas mainam para sa layunin ng debugging;
• Survey container: Kapag napili ang Oo, ipapakita ang survey sa isang container - limitado ang lapad nito. Kapaki-pakinabang ang opsyong ito kung sinasagutan ng mga kalahok ng iyong survey ang survey mula sa kanilang mobile phone o tablet dahil kontrolado ang lapad ng survey. Kaya mas komportable ito para sa iyong mga respondent dahil hindi na nila kailangang mag-scroll pakanan para mabasa ang buong tanong o makita ang lahat ng opsyon sa sagot. Kung naka-embed ang survey sa isang blog at/o forum, maaari mo ring i-deactivate ang opsyong ito dahil gumagamit na ang mga ito ng tiyak na lapad.
• Mga border ng tanong: Kapag naka-enable, ipapakita ang bawat tanong sa loob ng border. Kapag itinakda sa Hindi, hindi ilalagay ang mga tanong sa kahon (kaya magagamit mo ang malalaking uri ng tanong na array na mas malaki kaysa sa lapad ng screen);
• Shadow ng tanong: Kapag naka-enable, magpapakita ng anino sa paligid ng (hindi) nakikitang mga border ng tanong.

---

• Kulay ng background: Piliin ang kulay ng background ng buong tanong, kasama ang mga sagot;
• Kulay ng font: Baguhin ang kulay ng font sa pamamagitan ng pagpili ng nais na kulay mula sa popup menu.
• Kulay ng background ng tanong: Baguhin ang kulay ng background ng tanong sa pamamagitan ng pagpili ng nais na kulay mula sa popup menu.
• Icon na tsek: Pinapayagan ka ng setting na ito na piliin ang nais na icon na tsek kapag ginagamit ang mga uri ng tanong na multiple choice.

---

• Larawan sa background: Kapag itinakda sa Hindi, maaari kang pumili ng ibang larawan sa background mula sa ginagamit sa loob ng iyong pangkat ng survey at/o mga global na setting ng tema. Maaari ka ring mag-upload ng personalized na larawan sa background ng survey sa pamamagitan ng pag-click sa button na mag-upload sa ibabang bahagi ng panel ng mga setting ng tema at pagpili ng nais na larawan mula sa iyong computer;
• Brand logo: Kapag itinakda sa Hindi, ipapakita sa top bar ang pangalan ng survey, o maaari kang pumili ng isa sa mga larawan sa loob ng direktoryo ng file na gagamitin bilang larawan ng logo.

---

• I-animate ang body: Kapag itinakda sa Oo, maaari kang pumili ng isa sa mga animation na ilalapat kapag nilo-load ang "body" ng survey;
• I-animate ang tanong: Kapag itinakda sa Oo, pumili ng isa sa mga animation na ilalapat sa mga tanong ng iyong survey kapag nilo-load ang mga ito.
• I-animate ang alerto: Kapag itinakda sa Oo, ang mga alerto ng iyong survey (kapag hindi na-record ang data ng survey o maling token ang na-type) ay ia-animate ayon sa napiling opsyon ng animation.
• I-animate ang checkbox: Kapag itinakda sa Oo, tuwing magtsek ka ng opsyon sa sagot, ti-trigger ang animation.
• I-animate ang mga radio button: Kapag itinakda sa Oo, tuwing pipili ka ng opsyon mula sa tanong na uri ng radio, ti-trigger ang animation.

Ang library na ginagamit para sa mga animation ay animate.css. Maaari mong gamitin ang default o magdagdag ng sarili mong animation library.

Mag-type ng numero sa field ng tagal. Kung mag-type ka ng sampu (10), tatagal ang animation nang 10 segundo.

---

• Mga font ng Fruity: Piliin ang font na nais mong gamitin para sa iyong tema;
• Mga variation ng Fruity:Pumili ng isa sa mga available na variation ng tema mula sa drop-down na listahan. Binabago nito ang font at ang kulay ng mga icon.

---

• Mag-upload: Mag-browse sa iyong computer para mag-upload ng larawang gagamitin bilang logo o larawan sa background ng iyong tema. Maaaring hingin ang pahintulot sa pagsulat sa folder na "/themes/survey/fruity/files" - ang lokasyon kung saan iimbak ang mga na-upload na larawan sa iyong LimeSurvey installation.

Mga advanced na opsyon

Kapag binuksan mo ang tab na Mga opsyon sa tema, maaari mong piliing i-edit ang alinman sa Mga simpleng opsyon o ang Mga advanced na opsyon. Ang “Mga advanced na opsyon” ay isang hilaw na form na nagbibigay sa iyo ng access sa mga pangunahing field ng configuration ng tema mula sa database. Upang maunawaan kung paano ito gumagana, dapat mo ring basahin ang tungkol sa XML file at sa paggawa ng tema mula sa simula. Kaya medyo kumplikado ito at ginawa para sa mga advanced na user.

Gayunpaman, kung nais mong mag-edit ng mga advanced na setting, i-click ang tab na Mga advanced na opsyon

• CSS ng mga file: Ang mga CSS file na dapat idagdag sa template;
• JS ng mga file: Ang mga JS file na dapat idagdag sa template;
• Print CSS ng mga file: Ang mga CSS file na ilo-load kapag piniprint ang isang template;
• Mga Opsyon: Kasama sa field na ito ang mga opsyon (at ang halaga ng mga ito) na dapat i-parse sa view ng template;
• Pangalan ng CssFramework: Ang pangalan ng CSS framework na ilo-load. Sa ngayon, Bootstrap lamang o wala;
• Css ng Cssframework: Maaari mong palitan sa field na ito ang core na bootstrap.css ng ibang custom na bersyon nito;
• Js ng Cssframework: Ang field na core boostrap.js ay maaaring palitan mula rito ng ibang custom na bersyon nito;
• Mga package na ilo-load: Mula sa setting na ito, maaari kang mag-load ng ilang core asset package mula sa LimeSurvey.

Mapapansin mo ang isang upload input sa itaas, na nagbibigay-daan sa iyong mag-upload ng file sa direktoryo ng mga file ng tema. Ang mga parameter na ito ay maaaring gamitin upang baguhin ang buong hitsura ng tema.

  Huwag galawin ang mga halaga maliban kung alam mo ang iyong ginagawa!