x

Các chương chính

  1. Đám mây LimeSurvey vs LimeSurvey CE
  2. LimeSurvey Cloud - Hướng dẫn bắt đầu nhanh
  3. LimeSurvey CE - Lắp đặt
  4. Cách thiết kế một cuộc khảo sát tốt (Hướng dẫn)
  5. Bắt đầu
  6. Cấu hình LimeSurvey
  7. Cấu hình LimeSurvey
  8. Giới thiệu - Khảo sát
  9. Xem menu khảo sát
  10. Xem cấu trúc khảo sát
  11. Giới thiệu - Câu hỏi
  12. Introduction - Question Groups
  13. Introduction - Surveys - Management
  14. Survey toolbar options
  15. Multilingual survey
  16. Quick start guide - ExpressionScript
  17. Advanced features
  18. General FAQ
  19. Troubleshooting
  20. Workarounds
  21. License
  22. Version change log
  23. Plugins - Advanced
 Actions

Theme editor/vi: Difference between revisions

From LimeSurvey Manual

← Older edit
Maren.fritz (talk | contribs)
197,598 edits
Created page with "Thay vì sử dụng liên kết cho mỗi ảnh, hãy sử dụng chuỗi trường {TEMPLATEURL}. Vì vậy, thay vì:"
Maren.fritz (talk | contribs)
197,598 edits
Created page with "===checkbox-text-item=== {|class=wikitable !'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''yếu tố''' |- |multiplechoice_with_comments|| P || li |- |trắc nghiệm|| M ||..."
 
(101 intermediate revisions by the same user not shown)
Line 191: Line 191:


<syntaxhighlight lang="html4strict">img src='/limesurvey/templates/yourtemplate/files/mypicture.jpg'</syntaxhighlight>  
<syntaxhighlight lang="html4strict">img src='/limesurvey/templates/yourtemplate/files/mypicture.jpg'</syntaxhighlight>  
You can use {{NewIn|2.50}}:
Bạn có thể sử dụng {{NewIn|2.50}}:
<syntaxhighlight lang="html4strict">img src='{TEMPLATEURL}files/mypicture.jpg'</syntaxhighlight>
<syntaxhighlight lang="html4strict"> img src='{TEMPLATEURL}files/mypicture.jpg'</syntaxhighlight>


In LimeSurvey versions before 2.50 use:
Trong các phiên bản LimeSurvey trước 2.50, hãy sử dụng:
<syntaxhighlight lang="html4strict">img src='{TEMPLATEURL}mypicture.jpg'</syntaxhighlight>
<syntaxhighlight lang="html4strict"> img src='{TEMPLATEURL}mypicture.jpg'</syntaxhighlight>


A "sample" of the template page you are editing will be visible in the bottom of the screen. There is no way to delete a template from the template editor. This must be done by accessing the underlying directory and deleting manually the files from there. You also have the possibility to select different screen resolutions in order to better evaluate the feel and look of the template.
Một "mẫu" của trang mẫu bạn đang chỉnh sửa sẽ hiển thị ở cuối màn hình. Không có cách nào để xóa mẫu khỏi trình chỉnh sửa mẫu. Điều này phải được thực hiện bằng cách truy cập vào thư mục cơ bản và xóa các tệp từ đó theo cách thủ công. Bạn cũng có thể chọn các độ phân giải màn hình khác nhau để đánh giá tốt hơn cảm giác và giao diện của mẫu.


<div class="simplebox">'''Note:''' The shipped templates cannot be edited using the template editor. If you want to modify them, create a copy first and edit the copy.</div>
<div class="simplebox">'''Lưu ý:''' Không thể chỉnh sửa các mẫu đã gửi bằng trình chỉnh sửa mẫu. Nếu bạn muốn sửa đổi chúng, trước tiên hãy tạo một bản sao và chỉnh sửa bản sao đó.</div>


===Template files location===
===Vị trí tệp mẫu===


LimeSurvey stores each of the 'standard' templates in their own distinct sub-directory within the ''/templates'' directory that is kept in the public directory with the other LimeSurvey public files. Customized user templates are stored in the ''/upload/templates'' directory.
LimeSurvey lưu trữ từng mẫu 'tiêu chuẩn' trong thư mục con riêng biệt của chúng trong thư mục ''/templates'' được lưu giữ trong thư mục công khai cùng với các tệp công khai LimeSurvey khác. Các mẫu người dùng tùy chỉnh được lưu trữ trong thư mục ''/upload/templates''.


There should '''ALWAYS''' be a "default" directory in the templates directory. This template is used by default and as a fall-back if a template folder doesn't exist, or can't be found. It comes installed by default.
'''LUÔN''' phải là thư mục "mặc định" trong thư mục mẫu. Mẫu này được sử dụng theo mặc định và làm dự phòng nếu thư mục mẫu không tồn tại hoặc không thể tìm thấy. Nó được cài đặt theo mặc định.


You can use any image files that you upload into the template management area with the help of this syntax:
Bạn có thể sử dụng bất kỳ tệp hình ảnh nào mà bạn tải lên khu vực quản lý mẫu với sự trợ giúp của cú pháp sau:


<syntaxhighlight lang="php">{TEMPLATEURL}filename.xyz</syntaxhighlight>
<syntaxhighlight lang="php">{TEMPLATEURL}tên tệp.xyz</syntaxhighlight>


==Styling questions with CSS==
==Tạo kiểu câu hỏi bằng CSS==


Styling of questions in CSS has become much easier. Each question type has now a unique class. The mandatory questions have an additional mandatory class. For example, for a non-mandatory question:
Việc tạo kiểu câu hỏi trong CSS đã trở nên dễ dàng hơn nhiều. Mỗi loại câu hỏi bây giờ có một lớp duy nhất. Các câu hỏi bắt buộc có thêm một lớp bắt buộc. Ví dụ: đối với câu hỏi không bắt buộc:


<syntaxhighlight lang="html4strict"><div id="question5" class="gender">
<syntaxhighlight lang="html4strict"><div id="question5" class="gender">
Line 219: Line 219:
</div></syntaxhighlight>
</div></syntaxhighlight>


and if the question is mandatory:
và nếu câu hỏi là bắt buộc:


<syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory">
<syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory">
Line 225: Line 225:
</div></syntaxhighlight>
</div></syntaxhighlight>


and if the question is mandatory, but the user didn't answer it or if there is validation on a question:
và nếu câu hỏi là bắt buộc nhưng người dùng không trả lời hoặc nếu câu hỏi đó được xác thực:


<syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory input-error">
<syntaxhighlight lang="html4strict"><div id="question5" class="gender mandatory input-error">
Line 231: Line 231:
</div></syntaxhighlight>
</div></syntaxhighlight>


and if the question has validation applied, but the user hasn't answered correctly:
và nếu câu hỏi đã được áp dụng xác thực nhưng người dùng chưa trả lời đúng:


<syntaxhighlight lang="html4strict"><div id="question6" class="text-short input-error">
<syntaxhighlight lang="html4strict"><div id="question6" class="text-short input-error">
Line 237: Line 237:
</div></syntaxhighlight>
</div></syntaxhighlight>


==Global classes for question part==
==Các lớp học chung cho phần câu hỏi==


These classes are used for each question type. Some question types use only one or two classes, while others may use much more.
Các lớp này được sử dụng cho từng loại câu hỏi. Một số loại câu hỏi chỉ sử dụng một hoặc hai lớp, trong khi những loại khác có thể sử dụng nhiều lớp hơn.


{| class="wikitable alternance"
{| class="wikitable alternance"
|+ Global classes
|+ Các lớp toàn cầu
|-
|-
! scope="col" | Class name
! phạm vi="col" | Tên lớp
! scope="col" | Part
! phạm vi="col" | Phần
! scope="col" | Question type
! phạm vi="col" | Loại câu hỏi
! scope="col" | Examples
! phạm vi="col" | Ví dụ
! scope="col" | Note
! phạm vi="col" | Lưu ý
|-
|-
! scope="row" | .question {{ObsoleteIn|3.0}}
! phạm vi="hàng" | .câu hỏi {{ObsoleteIn|3.0}}
| All question block
| Tất cả khối câu hỏi
| All question type
| Tất cả loại câu hỏi
|&lt;p class="question">, &lt;ul class="question">, &lt;table class="question">
|<p class="question">, <ul class="question">, <table class="question">
|  
|  
|-
|-
! scope="row" | .ls-answers {{NewIn|3.0}}
! phạm vi="hàng" | .ls-câu trả lời {{NewIn|3.0}}
| All question block
| Tất cả khối câu hỏi
| All question type
| Tất cả loại câu hỏi
|&lt;div class="ls-answers ">, &lt;ul class="ls-answers ">, &lt;table class="ls-answers">
|<div class="ls-answers ">, <ul class="ls-answers ">, <table class="ls-answers"
|  
|  
|-
|-
! scope="row" | .subquestions-list
! phạm vi="hàng" | .subquestions-list
| List of subquestion
| Danh sách câu hỏi phụ
| Multi choice question, array question type
| Câu hỏi trắc nghiệm, kiểu câu hỏi mảng
| &lt;ul class="subquestions-list">, &lt;table class="subquestions-list">
| <ul class="subquestions-list">, <table class="subquestions-list">
| .questions-list is used too
| .questions-list cũng được sử dụng
|-
|-
! scope="row" | .answers-list
! phạm vi="hàng" | .answers-list
| List of answers
| Danh sách câu trả lời
| Single choice question, array question type, Multi input text question
| Câu hỏi một lựa chọn, câu hỏi mảng, câu hỏi văn bản nhiều đầu vào
| &lt;ul class="answers-list">, &lt;table class="answers-list">
| <ul class="answers-list">, <table class="answers-list">
|  
|  
|-
|-
! scope="row" | .answer-item
! phạm vi="hàng" | .answer-item
| The answer part: one answer
| Phần trả lời: một câu trả lời
| Single choice question, array question type, Multi input text question
| Câu hỏi một lựa chọn, câu hỏi mảng, câu hỏi văn bản nhiều đầu vào
| &lt;li class="answer-item">, &lt;td class="answer-item">
| <li class="answer-item">, <td class="answer-item">
|
|
|-
|-
! scope="row" | .noanswer-item
! phạm vi="hàng" | .noanswer-item
| The answer part for no answer
| Phần trả lời là không có câu trả lời
| Single choice question, array question type
| Câu hỏi một lựa chọn, kiểu câu hỏi mảng
| &lt;li class="noanswer-item">, &lt;td class="noanswer-item">
| <li class="noanswer-item">, <td class="noanswer-item">
| No answer is an answer too, then have double class noanswer-item and answer-item
| Không có câu trả lời nào cũng là một câu trả lời, sau đó có hai lớp noanswer-item và Answer-item
|-
|-
! scope="row" | .question-item
! phạm vi="hàng" | .question-item
| The question part: one question
| Phần câu hỏi: một câu hỏi
| Multi text question, array question type
| Câu hỏi đa văn bản, kiểu câu hỏi mảng
| &lt;li class="question-item">, &lt;tr class="question-item">
| <li class="question-item">, <tr class="question-item">
| Some answers are questions too. Then we have a lot of class="question-item answer-item"
| Một số câu trả lời cũng là câu hỏi. Sau đó chúng ta có rất nhiều class="question-item Answer-item"
|-
|-
! scope="row" | .button-list
! phạm vi="hàng" | .button-list
| A list of button
| Danh sách nút
| Yes no and Gender question
| Có không và câu hỏi về giới tính
| &lt;ul class="button-list">
| <ul class="button-list"
|  
|  
|-
|-
! scope="row" | .button-item
! phạm vi="hàng" | .button-item
| The answer part with a button
| Phần trả lời bằng một nút bấm
| Yes no and Gender question
| Có không và câu hỏi về giới tính
| &lt;li class="button-item">
| <li class="button-item">
|
|
|-
|-
! scope="row" | .checkbox-list
! phạm vi="hàng" | .checkbox-list
| A list of checkbox
| Danh sách hộp kiểm
| Multi choice question, array number (checkbox) question type
| Câu hỏi trắc nghiệm, số mảng (hộp kiểm) loại câu hỏi
| &lt;ul class="checkbox-list">, &lt;tr class="checkbox-list">
| <ul class="checkbox-list">, <tr class="checkbox-list">
| Some question types use multi-list class, like checkbox with comment: class="checkbox-list text-list"
| Một số loại câu hỏi sử dụng lớp nhiều danh sách, như hộp kiểm có nhận xét: class="checkbox-list text-list"
|-
|-
! scope="row" | .checkbox-array {{NewIn|3.0}}
! phạm vi="hàng" | .checkbox-array {{NewIn|3.0}}
| A array of checkbox
| Một mảng hộp kiểm
| Array (numbers) with checkbox option
| Mảng (số) với tùy chọn hộp kiểm
| &lt;table class="checkbox-list">
| <table class="checkbox-list">
|  
|  
|-
|-
! scope="row" | .checkbox-item
! phạm vi="hàng" | .checkbox-item
| The answer part with a checkbox
| Phần trả lời có dấu tích
| Multi choice question, array number (checkbox) question type
| Câu hỏi trắc nghiệm, số mảng (hộp kiểm) loại câu hỏi
| &lt;li class="checkbox-item">, &lt;td class="checkbox-item">
| <li class="checkbox-item">, <td class="checkbox-item">
|
|
|-
|-
! scope="row" | .radio-list
! phạm vi="hàng" | .radio-list
| A list of radio item
| Danh sách các mục radio
| Single choice question, array question type (each row)
| Câu hỏi một lựa chọn, loại câu hỏi mảng (mỗi hàng)
| &lt;ul class="radio-list">, &lt;tr class="radio-list">
| <ul class="radio-list">, <tr class="radio-list">
|
|
|-
|-
! scope="row" | .radio-array {{NewIn|3.0}}
! phạm vi="hàng" | .radio-array {{NewIn|3.0}}
| A array of radio item
| Một loạt các mục radio
| Array question type
| Kiểu câu hỏi mảng
| &lt;table class="radio-array">
| <table class="radio-array">
|
|
|-
|-
! scope="row" | .radio-item
! phạm vi="hàng" | .radio-item
| The answer part with a radio
| Phần trả lời có radio
| Single choice question, array question type
| Câu hỏi một lựa chọn, kiểu câu hỏi mảng
| &lt;li class="radio-item">, <td class="radio-item">
| <li class="radio-item">,<td class="radio-item">  
|
|
|-
|-
! scope="row" | .text-list
! phạm vi="hàng" | .text-list
| A list of text input
| Danh sách văn bản được nhập
| Multi text question type, array of text
| Loại câu hỏi đa văn bản, mảng văn bản
| &lt;ul class="text-list">, &lt;tr class="text-list">
| <ul class="text-list">, <tr class="text-list">
|
|
|-
|-
! scope="row" | .text-item
! phạm vi="hàng" | .text-item
| The answer part of a text input
| Phần trả lời của kiểu nhập văn bản
| Multi text question type, array of text
| Loại câu hỏi đa văn bản, mảng văn bản
| &lt;li class="text-item">, <td class="text-item">
| <li class="text-item">,<td class="text-item">  
|
|
|-
|-
! scope="row" | .numeric-list
! phạm vi="hàng" | .danh sách số
| A list of text input with numeric only answer
| Danh sách nhập văn bản chỉ có câu trả lời bằng số
| Multi numeric question type, array of number
| Kiểu câu hỏi nhiều số, mảng số
| &lt;ul class="text-list numeric-list">, &lt;tr class="text-list numeric-list">
| <ul class="text-list num-list">, <tr class="text-list num-list">
|
|
|-
|-
! scope="row" | .number-list
! phạm vi="hàng" | .danh sách số
| A list of text input with numeric only answer (each row)
| Danh sách nhập văn bản chỉ có câu trả lời bằng số (mỗi hàng)
| Multi numeric question type, array of number
| Kiểu câu hỏi nhiều số, mảng số
| &lt;ul class="text-list numeric-list">, &lt;tr class="text-list numeric-list">
| <ul class="text-list num-list">, <tr class="text-list num-list">
|
|
|-
|-
! scope="row" | .number-array  {{NewIn|3.0}}
! phạm vi="hàng" | .number-mảng {{NewIn|3.0}}
| The answer part of a numeric input
| Phần trả lời của một số đầu vào
| Array of number
| Mảng số
| &lt;table class="number-array">
| <table class="number-array">
|
|
|-
|-
! scope="row" | .select-list {{ObsoleteIn|2.50}}
! phạm vi="hàng" | .select-list {{ObsoleteIn|2.50}}
| A list of select
| Danh sách select
| Array numbers, Dual scale array (select)
| Số mảng, mảng tỷ lệ kép (chọn)
| &lt;table class="select-list">
| <table class="select-list">
|
|
|-
|-
! scope="row" | .dropdown-list {{NewIn|2.50}}
! phạm vi="hàng" | .dropdown-list {{NewIn|2.50}}
| A list of select
| Danh sách select
| Array numbers, Dual scale array (select) (each row)
| Số mảng, Mảng tỷ lệ kép (chọn) (mỗi hàng)
| &lt;table class="dropdown-list">
| <table class="dropdown-list">
|
|
|-
|-
! scope="row" | .dropdown-array {{NewIn|3.0}}
! phạm vi="hàng" | .dropdown-array {{NewIn|3.0}}
| A array of dropdown
| Một mảng thả xuống
| Array numbers, Dual scale array (select)
| Số mảng, mảng tỷ lệ kép (chọn)
| &lt;table class="dropdown-array">
| <table class="dropdown-array">
|
|
|-
|-
! scope="row" | .select-item {{ObsoleteIn|2.50}}
! phạm vi="hàng" | .select-item {{ObsoleteIn|2.50}}
| The answer part of a select
| Phần trả lời của một select
| Array numbers, Dual scale array (select), single choice with select
| Số mảng, mảng tỷ lệ kép (chọn), lựa chọn duy nhất với select
| &lt;p class="select-item">, &lt;td class="select-item">
| <p class="select-item">, <td class="select-item">
|
|
|-
|-
! scope="row" | .dropdown-item {{NewIn|2.50}}
! phạm vi="hàng" | .dropdown-item {{NewIn|2.50}}
| The answer part of a select
| Phần trả lời của một select
| Array numbers, Dual scale array (select), single choice with select
| Số mảng, mảng tỷ lệ kép (chọn), lựa chọn duy nhất với select
| &lt;p class="dropdown-item">, &lt;td class="dropdown-item">
| <p class="dropdown-item">, <td class="dropdown-item">
|
|
|-
|-
! scope="row" | .hide {{ObsoleteIn|3.0}}
! phạm vi="hàng" | .hide {{ObsoleteIn|3.0}}
| Used for accessibility: hidden with css but read by screenreader, since 2.50 : you can use sr-only from bootstrap
| Được sử dụng cho khả năng truy cập: ẩn bằng css nhưng được đọc bằng trình đọc màn hình, kể từ 2.50: bạn chỉ có thể sử dụng sr từ bootstrap
| Short text question
| Câu hỏi văn bản ngắn
| &lt;label class="hide">
| <nhãn lớp="ẩn"
| Can be used for other purposes
| Có thể được sử dụng cho các mục đích khác
|-
|-
! scope="row" | .ls-js-hidden {{NewIn|3.0}}
! phạm vi="hàng" | .ls-js-hidden {{NewIn|3.0}}
| Used for part to be hidden if javascript is activated
| Được sử dụng để ẩn một phần nếu kích hoạt javascript
| Button for example
| Nút chẳng hạn
| &lt;div class="ls-js-hidden">
| <div class="ls-js-hidden">
| LimeSurvey core used it, but you can use it too in your template
| Lõi LimeSurvey đã sử dụng nó, nhưng bạn cũng có thể sử dụng nó trong mẫu của mình
|-
|-
! scope="row" | .ls-js-hidden-sr {{NewIn|3.0}}
! phạm vi="hàng" | .ls-js-hidden-sr {{NewIn|3.0}}
| Used for accessibility: hide it if js is activated, but always show if user use a screenreader
| Được sử dụng cho khả năng truy cập: ẩn nó nếu js được kích hoạt, nhưng luôn hiển thị nếu người dùng sử dụng trình đọc màn hình
| Button for example
| Nút chẳng hạn
| &lt;a class="ls-js-hidden-sr">
| <a class="ls-js-hidden-sr">
| Button
| Nút
|-
|-
! scope="row" | .ls-no-js-hidden {{NewIn|3.0}}
! phạm vi="hàng" | .ls-no-js-hidden {{NewIn|3.0}}
| Used for part to be hidden if javascript is not activated
| Được sử dụng để ẩn một phần nếu javascript không được kích hoạt
| Link
| Liên kết
| &lt;a class="ls-no-js-hidden">
| <a class="ls-no-js-hidden">
| LimeSurvey core used it for inactive link if javascript is not activated
| Lõi LimeSurvey đã sử dụng nó cho liên kết không hoạt động nếu javascript không được kích hoạt
|-
|-
! scope="row" | .ls-label-xs-visibility {{NewIn|3.0}}
! phạm vi="hàng" | .ls-label-xs-visibility {{NewIn|3.0}}
| Label to be hidden in big screen, but show with little screen (with no more table) and to screenreader
| Nhãn sẽ được ẩn trong màn hình lớn, nhưng hiển thị với màn hình nhỏ (không có thêm bảng) và trình đọc màn hình
| label
| nhãn
| &lt;label class="ls-no-js-hidden">
| <label class="ls-no-js-hidden">
| Used for label inside table cell of array question type
| Được sử dụng cho nhãn bên trong ô bảng của loại câu hỏi mảng
|-
|-
! scope="row" | .ls-input-group-extra {{NewIn|3.0}}
! phạm vi="hàng" | .ls-input-group-extra {{NewIn|3.0}}
| Same usage of boostrap input-group-addon, but without the border and the background.
| Cách sử dụng tương tự của boostrap input-group-addon, nhưng không có đường viền và nền.
| right suffix
| hậu tố bên phải
| &lt;div class="ls-input-group-extra">
| <div class="ls-input-group-extra">
| Used for right and left suffix (global)
| Được sử dụng cho hậu tố phải và trái (toàn cầu)
|-
|-
! scope="row" | .checkbox {{ObsoleteIn|3.0}}
! phạm vi="hàng" | .checkbox {{ObsoleteIn|3.0}}
| input[type=checkbox]
| đầu vào[loại=hộp kiểm]
| Question with checkbox
| Câu hỏi có hộp kiểm
| &lt;input type="checkbox" class="checkbox">
| <input type="checkbox" class="checkbox">
| With modern browser: not needed, but some old browser need this
| Với trình duyệt hiện đại: không cần thiết, nhưng một số trình duyệt cũ cần điều này
|-
|-
! scope="row" | .radio {{ObsoleteIn|3.0}}
! phạm vi="hàng" | .radio {{ObsoleteIn|3.0}}
| input[type=radio]
| đầu vào[type=radio]
| Question with radio
| Câu hỏi với đài
| &lt;input type="radio" class="radio">
| <input type="radio" class="radio">
| With modern browser: not needed, but some old browser need this
| Với trình duyệt hiện đại: không cần thiết, nhưng một số trình duyệt cũ cần điều này
|-
|-
! scope="row" | .text
! phạm vi="hàng" | .text
| input[type=text]
| đầu vào[loại=văn bản]
| Question with input text, or textarea
| Câu hỏi có văn bản đầu vào hoặc vùng văn bản
| &lt;textarea class="text">
| <textarea class="text">
|
|
|-
|-
! scope="row" | .answertext
! phạm vi="hàng" | .answertext
| Array question type
| Kiểu câu hỏi mảng
| Answer part of array question type
| Trả lời một phần kiểu câu hỏi mảng
| &lt;th class="answertext">
| <th class="answertext">
|
|
|-
|-
! scope="row" | .col-answers
! phạm vi="hàng" | .col-câu trả lời
| Array question type
| Kiểu câu hỏi mảng
| Column of answers
| Cột đáp án
| &lt;col class="col-answers">
| <col class="col-answers">
|
|
|-
|-
! scope="row" | .odd .even {{ObsoleteIn|2.50}}
! phạm vi="hàng" | .odd .even {{ObsoleteIn|2.50}}
| Array question type
| Kiểu câu hỏi mảng
| Alternation for column
| Thay thế cho cột
| &lt;col class="odd">
| <col class="odd"
|
|
|-
|-
! scope="row" | .array1 .array2 {{ObsoleteIn|3.0}}
! phạm vi="hàng" | .array1 .array2 {{ObsoleteIn|3.0}}
| Array question type
| Kiểu câu hỏi mảng
| Alternation for line
| Thay thế cho dòng
| &lt;tr class="array1">
| <tr class="array1"
|
|
|-
|-
! scope="row" | .ls-odd .ls-even {{NewIn|3.0}}
! phạm vi="hàng" | .ls-odd .ls-even {{NewIn|3.0}}
| Array question type
| Kiểu câu hỏi mảng
| Alternation for subquestion and Y axis
| Luân phiên cho câu hỏi phụ và trục Y
| &lt;tr class="ls-odd">
| <tr class="ls-odd">
|
|
|}
|}


==== Some examples of question part with classes====
==== Một số ví dụ về phần câu hỏi với các lớp====


'''Text-short question type:'''<source lang="html4strict">
'''Loại câu hỏi ngắn gọn:'''<source lang="html4strict">
<p class="question answer-item text-item ">
<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">
<label class="hide label" for="answerSGQA">Answer</label><input type="text" value="" id="answerSGQA" name="SGQA" size="50" class="text  empty">
</p>
</p>
</source>
</source>
'''Multiple short text'''<source lang="html4strict">
'''Nhiều văn bản ngắn'''<source lang="html4strict">
<ul class="subquestions-list questions-list text-list">
<ul class="subquestions-list questions-list text-list">
   <li class="question-item answer-item text-item" id="javatbdSGQA">
   <li class="question-item answer-item text-item" id="javatbdSGQA">
Line 500: Line 500:
</ul>
</ul>
</source>
</source>
'''Array question type'''<source lang="html4strict">
'''Loại câu hỏi mảng'''<source lang="html4strict">
<table class="question subquestion-list questions-list ">
<table class="question subquestion-list questions-list ">
<caption class="hide read">Some explanation for accessibility.</caption>
<caption class="hide read">Some explanation for accessibility.</caption>
Line 531: Line 531:
</table>
</table>
</source>
</source>
===The full list of question classes===
===Danh sách đầy đủ các lớp câu hỏi===


{|
{|
|'''Question Type'''||'''Question Class'''||'''Question ID'''
|'''Loại câu hỏi'''||''''Lớp câu hỏi'''||''''ID câu hỏi'''
|-
|-
|5 point choice||.choice-5-pt-radio||5
|5 điểm lựa chọn||.choice -5-pt-radio||5
|-
|-
|Array (10 point choice)||.array-10-pt||B
|Array (lựa chọn 10 điểm)||.array-10-pt||B
|-
|-
|Array (5 point choice)||.array-5-pt||A
|Array (lựa chọn 5 điểm) ||.array-5-pt||A
|-
|-
|Array (Flexible Labels) dual scale||.array-flexible-duel-scale ||1
|Array (Nhãn linh hoạt) tỷ lệ kép||.array-flexible-duel-scale ||1
|-
|-
|Array (Increase, Same, Decrease)||.array-increase-same-decrease||E
|Array (Tăng, Tương tự, Giảm)||.array-increase-same-decrease||E
|-
|-
|Array (Multi Flexible) (Numbers)||.array-multi-flexi ||:
|Array (Đa linh hoạt) (Số)||.array-multi-flexi ||:
|-
|-
|Array (Multi Flexible) (Text)||.array-multi-flexi-text||;
|Array (Đa linh hoạt) (Văn bản)||.array-multi-flexi-text||;
|-
|-
|Array (Yes/No/Uncertain)||.array-yes-uncertain-no||C
|Array (Có/Không/Không chắc chắn)||.array- có-không chắc chắn-không||C
|-
|-
|Array (flexible labels)||.array-flexible-row ||F
|Array (nhãn linh hoạt)||.array-flexible-row ||F
|-
|-
|Array (flexible labels) by column||.array-flexible-column||H
|Array (nhãn linh hoạt) theo cột| |.array-flexible-column||H
|-
|-
|Boilerplate question||.boilerplate||X
|Câu hỏi soạn sẵn||.boilerplate||X
|-
|-
|Date||.date||D
|Date||.date||D
|-
|Phương trình||.phương trình||*
|-
|-
|Equation||.equation||*
|Giới tính||.gender||G
|-
|-
|Gender||.gender||G
|Văn bản miễn phí lớn||.văn bản-huge||U
|-
|-
|Huge free text||.text-huge||U
|Chuyển đổi ngôn ngữ||.ngôn ngữ||I
|-
|-
|Language switch||.language||I
|Danh sách (thả xuống)||.danh sách thả xuống||!
|-
|-
|List (dropdown)||.list-dropdown||!
|Danh sách (radio)||.list-radio||L
|-
|-
|List (radio)||.list-radio||L
|Danh sách có bình luận||.list-with-comment||O
|-
|-
|List with comment||.list-with-comment||O
|Văn bản dài||. text-long||T
|-
|-
|Long free text||.text-long||T
|Nhiều đầu vào số||.numeric-multi||K
|-
|-
|Multiple numerical input||.numeric-multi||K
|Nhiều tùy chọn||.multiple-opt||M
|-
|Nhiều tùy chọn với nhận xét||.multiple-opt-comments||P
|-
|-
|Multiple options||.multiple-opt||M
|Nhiều văn bản ngắn||.multiple-short-txt||Q
|-
|-
|Multiple options with comments||.multiple-opt-comments||P
|Đầu vào số||.numeric||N
|-
|-
|Multiple short text||.multiple-short-txt||Q
|Xếp hạng||.ranking||R
|-
|-
|Numerical input||.numeric||N
|Văn bản ngắn miễn phí||.text-short||S
|-
|-
|Ranking||.ranking||R
|Có/Không||.có-không||Y
|-
|Short free text||.text-short||S
|-
|Yes/No||.yes-no||Y
|-
|-
|
|
|}
|}


===The full list of validation classes===
===Danh sách đầy đủ các lớp xác thực===


<div class="simplebox">Note:  Prior to 1.92, only .mandatory and .input-error classes were available.</div>
<div class="simplebox">Lưu ý: Trước phiên bản 1.92, chỉ có các lớp .mandatory và .input-error mới có sẵn.</div>


These apply to the help and/or validation tip messages so that each type can be individually styled.
Những điều này áp dụng cho thông báo mẹo trợ giúp và/hoặc xác thực để mỗi loại có thể được tạo kiểu riêng.


The .hide-tip option and .input-error options interact by default so that you can have validation tips hidden. However, they do appear when there are validation errors and disappear again when those errors are rectified.
Tùy chọn .hide-tip và tùy chọn .input-error tương tác theo mặc định để bạn có thể ẩn các mẹo xác thực. Tuy nhiên, chúng xuất hiện khi có lỗi xác thực và biến mất trở lại khi các lỗi đó được khắc phục.


All of these are designed to eliminate the need for pop-up alert messages. Instead, tips can appear/disappear as needed and are color-coded to indicate whether the answers pass the validation criteria.
Tất cả những điều này được thiết kế để loại bỏ sự cần thiết của các thông báo cảnh báo bật lên. Thay vào đó, các mẹo có thể xuất hiện/biến mất khi cần thiết và được mã hóa màu để cho biết liệu các câu trả lời có vượt qua tiêu chí xác thực hay không.


Furthermore, when you first visit a page that has unmet validation criteria, you can color-code the tips in a pleasing color to show which validation criteria have not been met yet; then re-display the page using a harsher color if the person submits the page with lingering validation errors.
Hơn nữa, khi bạn truy cập lần đầu vào một trang có tiêu chí xác thực chưa được đáp ứng, bạn có thể mã màu cho các mẹo bằng màu dễ chịu để hiển thị tiêu chí xác thực nào chưa được đáp ứng; sau đó hiển thị lại trang bằng màu đậm hơn nếu người đó gửi trang có lỗi xác thực kéo dài.


{|
{|
|'''Purpose'''||'''CSS Class'''||'''Description'''
|'''Purpose'''||'''Lớp CSS'''||'''Mô tả'''
|-
|-
|Mandatory||.mandatory||the question is mandatory
|Bắt buộc||.bắt buộc||câu hỏi là bắt buộc
|-
|-
|User input error||.input-error||the question had at least one validation error
|Lỗi nhập của người dùng||.input-error||câu hỏi có ít nhất một lỗi xác thực
|-
|-
|Hide Tip||.hide-tip||added if you use the hide_tip option
|Ẩn mẹo||.hide-tip||đã thêm nếu bạn sử dụng tùy chọn Hide_tip
|-
|-
|defrault type||.em_default||for default tip set ( numeric value etc …)
|loại mặc định||.em_default||cho bộ mẹo mặc định ( giá trị số, v.v ...)
|-
|-
|Num answers||.em_num_answers||for for min_answers and max_answers
|Số câu trả lời||.em_num_answers|| dành cho min_answers và max_answers
|-
|-
|Value range||.em_value_range||for min/max_num_value_n and multiflexible_min/max
|Phạm vi giá trị||.em_value_range||cho min/max_num_value_n và multiflexible_min/max
|-
|-
|Sum range||.em_sum_range||for min/max/equals_num_value
|Phạm vi tổng||.em_sum_range||cho min/ max/equals_num_value
|-
|-
|Regex validation||.em_regex_validation||for regular-expression validation of the question
|Xác thực Regex||.em_regex_validation||để xác thực biểu thức chính quy của câu hỏi
|-
|-
|Question-level validation function||.em_q_fn_validation||for the em_validation_q option
|Hàm xác thực cấp độ câu hỏi||.em_q_fn_validation||cho tùy chọn em_validation_q
|-
|-
|Subquestion-level validation function||.em_sq_fn_validation||for the em_validation_sq option
|Hàm xác thực cấp câu hỏi con||.em_sq_fn_validation||cho tùy chọn em_validation_sq
|-
|-
|Other comment mandatory||.em_other_comment_mandatory||for other_comment_mandatory option - shows when "other" is selected but associated comment is missing.
|Nhận xét khác bắt buộc||.em_other_comment_mandatory||cho tùy chọn other_comment_mandatory - hiển thị khi "other" được chọn nhưng thiếu nhận xét liên quan.
|-
|-
|
|
|}
|}


===Importing styles into your custom template===
===Nhập kiểu vào mẫu tùy chỉnh của bạn===


The custom question styles are near the bottom of each template's CSS file and start with:<syntaxhighlight lang="php">/* --------------------------- START: Question styles  ------------------------------ */</syntaxhighlight>
Các kiểu câu hỏi tùy chỉnh nằm ở gần cuối tệp CSS của mỗi mẫu và bắt đầu bằng:<syntaxhighlight lang="php"> /* -------------------------- BẮT ĐẦU: Kiểu câu hỏi ----------------- ------------- */</syntaxhighlight>


If you're styling your own custom template, you should be able to copy everything after the above one from ''templates/default/template.css'' (for table-based layouts) or ''/templates/limespired/template.css'' (for CSS-based layouts) into your own style sheet without any impact on your other styles.
Nếu bạn đang tạo kiểu cho mẫu tùy chỉnh của riêng mình, bạn sẽ có thể sao chép mọi thứ sau mẫu trên từ ''templates/default/template.css'' (đối với bố cục dựa trên bảng) hoặc ''/templates/limespired/template. css'' (dành cho bố cục dựa trên CSS) vào biểu định kiểu của riêng bạn mà không có bất kỳ tác động nào đến các kiểu khác của bạn.


===Internet Explorer Conditional Style Sheets===
===Bảng định kiểu có điều kiện của Internet Explorer===


Because of the marked discrepancies in rendering between IE6 & IE7 and the other browsers, there are special IE conditional style sheets included for each template.
Do sự khác biệt rõ rệt trong kết xuất giữa IE6 & IE7 và các trình duyệt khác, nên có các biểu định kiểu có điều kiện đặc biệt của IE được bao gồm cho mỗi mẫu.


<source lang="html4strict">
<source lang="html4strict">
<!--[if IE]>
<!--[if IE]>
   <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_all-versions.css" />
   <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_all-versions.css" />
<![endif]-->
<![endif]-->  
<!--[if lt IE 7]>
<!--[if lt IE 7]>
   <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_older-than-7.css" />
   <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}IE_fix_older-than-7.css" />
<![endif]-->
<![endif]-->  
<!--[if IE 8]>
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" />
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" />
<![endif]-->
<![endif]-->  
</source>
</source>


You should include the above code within your '''startpage.pstpl''' and copies of both the IE style sheets from either ''/templates/default/'' or ''/templates/limespired'' for Tables base layout and CSS based layout respectively.
Bạn nên bao gồm mã ở trên trong '''startpage.pstpl''' của mình và các bản sao của cả hai biểu định kiểu IE từ ''/templates/default/'' hoặc ''/templates/limespired'' cho bố cục cơ sở của Bảng và Bố cục dựa trên CSS tương ứng.


<div class="simplebox">'''Note:''' If you copy the styles into your own style sheet you will almost certainly need to tweak them.</div>
<div class="simplebox">'''Lưu ý:''' Nếu bạn sao chép các kiểu vào biểu định kiểu của riêng mình, bạn gần như chắc chắn sẽ cần phải chỉnh sửa chúng.</div>


====Alternative solution for internet explorer====
====Giải pháp thay thế cho internet explorer====


You can put a conditional class for body in startpage.pstpl and use this class in your template.css. This method is used in the citronade template{{ObsoleteIn|2.06}}. Adding a js / no-js class to have javascript / no javascript system.
Bạn có thể đặt một lớp có điều kiện cho nội dung trong startpage.pstpl và sử dụng lớp này trong template.css của mình. Phương pháp này được sử dụng trong mẫu citronade{{ObsoleteIn|2.06}}. Thêm lớp js/no-js để có hệ thống javascript/no javascript.


<source lang="html4strict"><!--[if lt IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie6 ielt7 ielt8 ielt9 no-js"> <![endif]-->
<source lang="html4strict"><!--[if lt IE 7 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie6 ielt7 ielt8 ielt9 no-js"> <![endif]-->
Line 669: Line 669:
<!--[if IE 8 ]> <body class="lang-{SURVEYLANGUAGE} {SURVEYFORMAT} ie ie8 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 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]-->
<!--[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></source>
<script type='text/javascript'>/*<![CDATA[*/(function(H){ H.className=H.className.replace(/\bno-js\b/,'js') })(document.getElementsByTagName('body')[0]);/*]]>*/</script></source>


And in template.css use:
Và trong template.css sử dụng:


<source lang="css">.ie6{/*specific for internet explorer 6*/}
<source lang="css">.ie6{/*dành riêng cho internet explorer 6*/}
.ielt8{/*specific for internet explorer 6 and 7*/}
.ielt8{/*dành riêng cho internet explorer 6 và 7*/}
.ie{/*specific for all internet explorer */}</source>
.ie{/*dành riêng cho tất cả internet explorer */}</source>


=== Right-to-Left (RTL) languages and justify===
=== Ngôn ngữ từ phải sang trái (RTL) và căn đều===


The text editor within LimeSurvey is able to format RTL text. However, the editor itself shows the RTL language in a left to right format when justified. This is just an editor display issue. The RTL and justified question or text will display correctly from right to left, even when justified, in your survey or on preview.
Trình soạn thảo văn bản trong LimeSurvey có thể định dạng văn bản RTL. Tuy nhiên, bản thân trình soạn thảo hiển thị ngôn ngữ RTL ở định dạng từ trái sang phải khi căn đều. Đây chỉ là sự cố hiển thị trình soạn thảo. RTL và câu hỏi hoặc văn bản căn đều sẽ hiển thị chính xác từ phải sang trái, ngay cả khi căn đều, trong khảo sát của bạn hoặc khi xem trước.


===Keywords===
===Từ khóa===


{{Deprecated|3.0}}  
{{Không dùng nữa|3.0}}  


Keywords within a template file get replaced by the current survey information. They are surrounded by curly brackets, for example: {SURVEYNAME}.
Từ khóa trong tệp mẫu sẽ được thay thế bằng thông tin khảo sát hiện tại. Chúng được bao quanh bởi dấu ngoặc nhọn, ví dụ: {SURVEYNAME}.


The following strings will be replaced by LimeSurvey when parsing the template file and presenting it to survey users. These field strings will work on almost every template except for the 'Completed Page'. (Most of these strings can be found in the common.php file. If it's not there, look in the index.php file.)
Các chuỗi sau sẽ được LimeSurvey thay thế khi phân tích tệp mẫu và hiển thị cho người dùng khảo sát. Các chuỗi trường này sẽ hoạt động trên hầu hết mọi mẫu ngoại trừ 'Trang đã hoàn thành'. (Hầu hết các chuỗi này có thể được tìm thấy trong tệp common.php. Nếu không có, hãy tìm trong tệp index.php.)


{|class=wikitable
{|class=wikitable
!'''Keyword'''!!'''Template files'''!!'''Description'''
!'''Từ khóa'''!!'''Tệp mẫu'''!!'''Mô tả'''
|-
|{SURVEYNAME}||All Files||The survey title
|-
|-
|{SURVEYDESCRIPTION}||All Files||The survey description
|{SURVEYNAME}||Tất cả Tệp||Tiêu đề khảo sát
|-
|-
|{WELCOME}||All files (mainly for welcome.pstpl)||The survey 'welcome' text
|{SURVEYDESCRIPTION}||Tất cả các tệp||Mô tả khảo sát
|-
|-
|{PERCENTCOMPLETE}||survey.pstpl||A small graph showing the percentage of the survey completed
|{WELCOME}||Tất cả các tệp (chủ yếu dành cho Welcome.pstpl) ||Văn bản 'chào mừng' khảo sát
|-
|-
|{GROUPNAME}||startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||Displays the current group name
|{PERCENTCOMPLETE}||survey.pstpl||Một biểu đồ nhỏ hiển thị phần trăm khảo sát đã hoàn thành
|-
|-
|{GROUPDESCRIPTION}||startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||Displays the current group description
|{GROUPNAME}| |startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||Hiển thị tên nhóm hiện tại
|-
|-
|{NUMBEROFQUESTIONS}||welcome.pstpl||Displays the total number of questions in the survey (just the number)
|{GROUPDESCRIPTION}||startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl||Hiển thị nhóm hiện tại description
|-
|-
|{THEREAREXQUESTIONS}||welcome.pstpl||Displays the sentence "There are X questions in this survey" - from the relevant language file. The X is replaced with the number of questions. Note that this will also work appropriately for singular or plural. If there is only 1 question, it will print "There is 1 question in this survey".
|{NUMBEROFQUESTIONS}||welcome.pstpl||Hiển thị tổng số câu hỏi trong khảo sát (chỉ là số)
|-
|-
|{CHECKJAVASCRIPT}||All files (mainly for welcome.pstpl)||Warning message when end-user browser have javascript disabled
|{THEREAREXQUESTIONS}||Chào mừng. pstpl||Hiển thị câu "Có X câu hỏi trong khảo sát này" - từ tệp ngôn ngữ liên quan. X được thay thế bằng số lượng câu hỏi. Lưu ý rằng điều này cũng sẽ phù hợp với số ít hoặc số nhiều. Nếu chỉ có 1 câu hỏi, nó sẽ in ra "Có 1 câu hỏi trong khảo sát này".
|-
|-
|{QUESTION}||Question.pstpl||('''Has been superseeded as of LS1.87''') Displays the current question text (The format of {QUESTION} can customised by editing 'question_start.pstpl') Use the following: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE}, {QUESTION_INPUT_ERROR_CLASS}, and appropriate wrapping HTML instead of {QUESTION}
|{CHECKJAVASCRIPT}||Tất cả các tệp (chủ yếu dành cho Welcome.pstpl)||Thông báo cảnh báo khi kết thúc- trình duyệt của người dùng đã tắt javascript
|-
|-
|{ANSWER}||question.pstpl, print_question.pstpl||presents the answer form for the current question
|{QUESTION}||Question.pstpl||('''Đã được thay thế kể từ LS1.87''') Hiển thị nội dung câu hỏi hiện tại (Định dạng của { QUESTION} có thể tùy chỉnh bằng cách chỉnh sửa 'question_start.pstpl') Sử dụng các thông tin sau: {QUESTION_TEXT}, {QUESTION_MANDATORY}, {QUESTION_HELP}, {QUESTION_MAN_MESSAGE}, {QUESTION_VALID_MESSAGE}, {QUESTION_INPUT_ERROR_CLASS} và gói HTML thích hợp thay vì {QUESTION}! N!|-
|{ANSWER}||question.pstpl, print_question.pstpl||trình bày mẫu câu trả lời cho câu hỏi hiện tại
|-
|-
|{SGQ}||question.pstpl, question text||Can be used in the question text itself to reference the input field of the question dynamically by displaying the Survey-Group-Question id for the current question. (as of svn build 9755)
|{SGQ}||question.pstpl, nội dung câu hỏi ||Có thể được sử dụng trong chính văn bản câu hỏi để tham chiếu động trường đầu vào của câu hỏi bằng cách hiển thị id Câu hỏi-Nhóm khảo sát cho câu hỏi hiện tại. (kể từ svn build 9755)
|-
|-
|{QUESTIONHELP}||question.pstpl, print_question.pstpl||Displays help text (predefined tip for question type) for the current question
|{QUESTIONHELP}||question.pstpl, print_question.pstpl||Hiển thị văn bản trợ giúp (mẹo được xác định trước cho loại câu hỏi) cho câu hỏi hiện tại
|-
|-
|{QUESTION_CLASS}||question.pstpl, print_question.pstpl||unique class for each question type. (To be included in the question's wrapping tag.)
|{QUESTION_CLASS}||question.pstpl, print_question.pstpl||lớp duy nhất cho từng loại câu hỏi. (Để được đưa vào thẻ gói của câu hỏi.)
|-
|-
|{QUESTION_CODE}||question.pstpl, print_question.pstpl||Displays the current question code
|{QUESTION_CODE}||question.pstpl, print_question.pstpl||Hiển thị mã câu hỏi hiện tại
|-
|-
|{QUESTION_ESSENTIALS}||question.pstpl||the question ID and (if a question is conditional), 'style="display:none;"'. (To be included in the question's wrapping tag.)
|{QUESTION_ESSENTIALS }||question.pstpl||ID câu hỏi và (nếu câu hỏi có điều kiện), 'style="display:none;"'. (Để được đưa vào thẻ gói của câu hỏi.)
|-
|-
|{QUESTION_HELP}||question.pstp, question_start.pstpl||Displays the user defined help text for the current question
|{QUESTION_HELP}||question.pstp, question_start.pstpl||Hiển thị văn bản trợ giúp do người dùng xác định cho câu hỏi hiện tại
|-
|-
|{QUESTION_TYPE_HELP}||print_question.pstp||Displays the user defined help text for the current question
|{QUESTION_TYPE_HELP}||print_question.pstp||Hiển thị văn bản trợ giúp do người dùng xác định cho câu hỏi hiện tại
|-
|-
|{QUESTION_INPUT_ERROR_CLASS}||question.pstp, question_start.pstpl||Provides a class if there was user input error
|{QUESTION_INPUT_ERROR_CLASS}||question.pstp, question_start.pstpl||Cung cấp một lớp nếu đã xảy ra lỗi do người dùng nhập
|-
|-
|{QUESTION_ID}||print_question.pstp||Provides a unique ID for each question to allow styling for specific questions
|{QUESTION_ID}||print_question.pstp||Cung cấp một ID duy nhất cho mỗi câu hỏi để cho phép tạo kiểu cho các câu hỏi cụ thể
|-
|-
|{QUESTION_TEXT}||question.pstp, print_question.pstp, question_start.pstpl||Displays the text for the current question
|{QUESTION_TEXT}| |question.pstp, print_question.pstp, question_start.pstpl||Hiển thị văn bản cho câu hỏi hiện tại
|-
|-
|{QUESTION_MANDATORY}||question.pstp, print_question.pstp, question_start.pstpl||Displays the translated 'Mandatory' text for the current question
|{QUESTION_MANDATORY}||question.pstp, print_question.pstp, question_start.pstpl||Hiển thị đã dịch văn bản 'Bắt buộc' cho câu hỏi hiện tại
|-
|-
|{QUESTION_MAN_CLASS}||question.pstpl, print_question.pstpl||class if a question is mandatory. (To be included in the question's wrapping tag.)
|{QUESTION_MAN_CLASS}||question.pstpl, print_question.pstpl||class nếu câu hỏi là bắt buộc. (Để được đưa vào thẻ gói của câu hỏi.)
|-
|-
|{QUESTION_MAN_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl||Displays the translated 'Mandatory' help message text for the current question
|{QUESTION_MAN_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl||Hiển thị văn bản thông báo trợ giúp 'Bắt buộc' đã được dịch cho câu hỏi hiện tại question
|-
|-
|{QUESTION_NUMBER}||print_question.pstpl||Incremental count of questions.
|{QUESTION_NUMBER}||print_question.pstpl||Số lượng câu hỏi tăng dần.
|-
|-
|{QUESTION_VALID_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl||Displays the translated valid help message text for the current question
|{QUESTION_VALID_MESSAGE}||question.pstp, print_question.pstp, question_start.pstpl ||Hiển thị văn bản thông báo trợ giúp hợp lệ đã được dịch cho câu hỏi hiện tại
|-
|-
|{QUESTION_SCENARIO}||print_question.pstp||Prints out the 'scenario' text for conditional questions.
|{QUESTION_SCENARIO}||print_question.pstp||In văn bản 'kịch bản' cho các câu hỏi có điều kiện.
|-
|-
|{NAVIGATOR}||navigator.pstpl||Displays navigation buttons (next, prev, last)
|{NAVIGATOR}||navigator.pstpl||Hiển thị các nút điều hướng (tiếp theo, trước, cuối)
|-
|-
|{CLEARALL}||All files (but intended for navigator.pstpl)||Displays the "Exit and Clear Results" link
|{CLEARALL}||Tất cả các tệp (nhưng dành cho navigator.pstpl)||Hiển thị Liên kết "Thoát và xóa kết quả"
|-
|-
|{COMPLETED}||completed.pstpl||Displays the 'completed' message for registering, will change depending on whether the attribute_1 and attribute_2 fields are set.
|{COMPLETED}||completed.pstpl||Hiển thị thông báo 'đã hoàn thành' để đăng ký, sẽ thay đổi tùy thuộc vào việc các trường thuộc tính_1 và thuộc tính_2 có được đặt hay không.!N !|-
|{URL}||completed.pstpl||Hiển thị 'url' và 'văn bản url'
|-
|-
|{URL}||completed.pstpl||Displays the survey 'url' and 'url text'
|{PRIVACYMESSAGE}||privacy.pstpl||Thông báo về quyền riêng tư được hiển thị nếu bạn đặt khảo sát của mình ở chế độ ẩn danh. [[Dịch LimeSurvey|Văn bản có thể được chỉnh sửa/dịch]] trong tệp ngôn ngữ. Điều này cũng có thể được thay đổi theo cách thủ công bằng cách chỉnh sửa mẫu Privacy.pstpl mà bạn muốn sử dụng.
|-
|-
|{PRIVACYMESSAGE}||privacy.pstpl||The privacy message is shown if you set your survey to be anonymous. [[Translating LimeSurvey|The text can be edited/translated]] in the language files. This can also be changed manually by editing the privacy.pstpl template you wish to use.
|{TEMPLATEURL}||All Files||URL tới vị trí mẫu hiện tại (hữu ích để tham chiếu các tệp hình ảnh trong mẫu của bạn)
|-
|-
|{TEMPLATEURL}||All Files||The URL to the current template location (useful for referencing image files in your template)
|{SURVEYRESOURCESURL}||Tất cả các tệp||URL tới các tệp được tải lên hiện tại cho vị trí khảo sát này (hữu ích để tham khảo các tệp hình ảnh trong câu hỏi, nhóm của bạn, ....)
|-
|-
|{SURVEYRESOURCESURL}||All Files||The URL to the current uploaded files for this survey location (useful for referencing image files in your question, group, ....)
|{SUBMITCOMPLETE}||endpage.pstpl||Tuyên bố (từ tệp ngôn ngữ) cho người dùng biết rằng họ đã hoàn thành khảo sát và nhấn nút "Gửi"
|-
|-
|{SUBMITCOMPLETE}||endpage.pstpl||The statement (from the language files) that tells the user they have completed the survey, and to press the "Submit" button
|{SUBMITREVIEW}||survey.pstpl||Câu lệnh (từ tệp ngôn ngữ) cho người dùng biết rằng họ có thể xem lại/thay đổi câu trả lời họ đã đưa ra bằng cách nhấp vào "<< prev"
|-
|-
|{SUBMITREVIEW}||survey.pstpl||The statement (from the language files) that tells the user they can review/change the answers they have made by clicking "<< prev"
|{SAVEDID}||Tất cả các tệp||Hiển thị 'ID phản hồi' của người dùng
|-
|-
|{SAVEDID}||All Files||Displays 'Response ID' of user
|-
|-
|{QUEXMLPDF}||Tất cả các tệp||Hiển thị nút để xuất bản PDF queXML của bảng câu hỏi bao gồm các câu trả lời được nhập cho đến thời điểm đã được hoàn thành trong khảo sát.
|-
|-
|{QUEXMLPDF}||All Files||Displays button to export the queXML PDF of questionnaire including answers entered up until the point that has been completed in the survey.
|{TOKEN:FIRSTNAME}||Tất cả các tệp||***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NÀO - trước tiên sẽ được thay thế bằng người dùng tên từ bảng mã thông báo
|-
|-
|{TOKEN:FIRSTNAME}||All Files||***If survey answers are NOT ANONYMOUS - gets replaced with the users first name from the tokens table
|{TOKEN:LASTNAME}||Tất cả các tệp||***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ LÀ NÀO - sẽ được thay thế bằng họ của người dùng từ bảng mã thông báo***! N!|-
|{TOKEN:EMAIL}||Tất cả các tệp||***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NƠI NÀO - sẽ được thay thế bằng email của người dùng từ bảng mã thông báo***
|-
|-
|{TOKEN:LASTNAME}||All Files||***If survey answers are NOT ANONYMOUS - gets replaced with the users last name from the tokens table***
|{TOKEN:ATTRIBUTE_1}||Tất cả các tệp||***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NÀO - sẽ được thay thế bằng thuộc tính người dùng_1 từ bảng mã thông báo***
|-
|-
|{TOKEN:EMAIL}||All Files||***If survey answers are NOT ANONYMOUS - gets replaced with the users email from the tokens table***
|{TOKEN:ATTRIBUTE_2}| |Tất cả các tệp||***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ LÀ NÀO - sẽ được thay thế bằng thuộc tính người dùng_2 từ bảng mã thông báo***
|-
|-
|{TOKEN:ATTRIBUTE_1}||All Files||***If survey answers are NOT ANONYMOUS - gets replaced with the users attribute_1 from the tokens table***
|{ANSWERSCLEARED}||Tốt nhất là trong navigator.pstpl||The Tuyên bố "Đã xóa câu trả lời" khỏi tệp ngôn ngữ
|-
|-
|{TOKEN:ATTRIBUTE_2}||All Files||***If survey answers are NOT ANONYMOUS - gets replaced with the users attribute_2 from the tokens table***
|{RESTART}||clearall.pstpl||URL để bắt đầu lại cuộc khảo sát
|-
|-
|{ANSWERSCLEARED}||Preferably in navigator.pstpl||The "Answers Cleared" statement from the language files
|{REGISTERERROR}||register.pstpl ||Hiển thị bất kỳ thông báo lỗi nào trong trang đăng ký (ví dụ: "Bạn phải bao gồm địa chỉ email")
|-
|-
|{RESTART}||clearall.pstpl||URL to restart the survey
|{REGISTERMESSAGE1}||register.pstpl||Tuyên bố "Bạn phải đăng ký để hoàn thành khảo sát này" từ các tệp ngôn ngữ
|-
|-
|{REGISTERERROR}||register.pstpl||Shows any error messages in the register page (ie: "You must include an email address")
|{REGISTERMESSAGE2}||register.pstpl||Chi tiết về việc đăng ký từ các tệp ngôn ngữ
|-
|-
|{REGISTERMESSAGE1}||register.pstpl||The statement "You must be registered to complete this survey" from the language files
|{REGISTERFORM}||register.pstpl ||Hình thức đăng ký thực tế sẽ thay đổi tùy thuộc vào việc các trường thuộc tính_1 và thuộc tính_2 có được đặt hay không.
|-
|-
|{REGISTERMESSAGE2}||register.pstpl||Details about registering from the language files
|{SAVE}||Hoạt động phù hợp trên navigator.pstpl||Hiển thị 'Lưu câu trả lời của bạn để xa' để đề nghị người dùng lưu và quay lại sau để tiếp tục khảo sát. Nếu tùy chọn Lưu bị vô hiệu hóa trong thuộc tính khảo sát, thẻ sẽ không được hiển thị và bị bỏ qua.
|-
|-
|{REGISTERFORM}||register.pstpl||The actual form for registering, will change depending on whether the attribute_1 and attribute_2 fields are set.
|{LANGUAGECHANGER}||survey.pstpl||Hiển thị một công tắc trong khảo sát đa ngôn ngữ để thay đổi câu hỏi.! N!|}
|-
|{SAVE}||Works suitable on navigator.pstpl||Displays the 'Save your responses so far' button to offer the user to save and come back later to continue the survey. If the Save option is deactivated in the survey properties the tag will not be shown and ignored.
|-
|{LANGUAGECHANGER}||survey.pstpl||Displays a switch in multilingual surveys to change the question.
|}


===Input/Buttons===
===Đầu vào/Nút===


Each "input" type in a survey has been given its own class name, so that you can add CSS to your "startpage.pstpl" file and have some control over the appearance of form buttons and inputs. These class names are as follows:
Mỗi loại "đầu vào" trong khảo sát đều được đặt tên lớp riêng để bạn có thể thêm CSS vào tệp "startpage.pstpl" của mình và có một số quyền kiểm soát đối với giao diện của các nút biểu mẫu và thông tin đầu vào. Các tên lớp này như sau:
*'''submit''' (Submit Buttons)
*'''submit''' (Nút gửi)
*'''text''' (Text Inputs - for short free text, date, and numerical type)
*'''text''' (Nhập văn bản - dành cho văn bản, ngày tháng và loại số ngắn miễn phí)
*'''answertext''' (Text of answers)
*'''answertext''' (Văn bản của câu trả lời)
*'''radio''' (Radio Buttons)
*'''radio''' (Nút radio)
*'''checkbox''' (Check Boxes)
*'''checkbox''' (Hộp kiểm)
*'''select''' (Select / List Boxes)
*'' 'select''' (Hộp Chọn / Danh sách)
*'''textarea''' (Large text inputs - for long free text)
*'''textarea''' (Nhập văn bản lớn - cho văn bản dài miễn phí)
*'''clearall''' (The "Exit and Clear Survey" link)
*'''clearall''' ("Thoát và xóa khảo sát " link)
*'''rank''' (The rank style question. Doesn't set the colour of the select box or the text boxes, but it does allow the changing of background colour, text colour, size etc., for the rest of the ranking question)
*'''rank''' (Câu hỏi kiểu xếp hạng. Không đặt màu của hộp chọn hoặc hộp văn bản, nhưng nó cho phép thay đổi màu nền, màu văn bản, kích thước, v.v. ., cho phần còn lại của câu hỏi xếp hạng)
*'''graph''' (The "percentage completed" graph table)
*'''graph''' (Bảng biểu đồ "phần trăm hoàn thành")
*'''innergraph''' (The table inside the graph table - this contains the 0% and 100% text. Use this for changing the size of this text)
*'''innergraph''' (Bảng bên trong bảng biểu đồ - đây chứa văn bản 0% và 100%. Sử dụng phần này để thay đổi kích thước của văn bản này)
*'''question''' (General settings for any question that is displayed within a table. Generally, you should use this to make sure that their font size and color is the same as you have used elsewhere as a default)
*'''question''' (Cài đặt chung cho bất kỳ câu hỏi nào được hiển thị trong bảng. Nói chung, bạn nên sử dụng phần này để hãy đảm bảo rằng kích thước và màu phông chữ của chúng giống với kích thước và màu sắc phông chữ mà bạn đã sử dụng ở nơi khác làm mặc định)
*'''mandatory'''  (Mandatory questions)
*'''bắt buộc''' (Câu hỏi bắt buộc)
*'''input-error''' (User input error - for if a user has made a mistake with a mandatory question or question with validation)
*'''input-error''' (Người dùng lỗi đầu vào - nếu người dùng mắc lỗi với một câu hỏi bắt buộc hoặc câu hỏi có xác thực)
*'''array1''' and '''array2''' (These two styles are cycled when presenting the range of answers for an array type question. This allows you to set an alternating background color for these question types. '''Array1''' is also used for the column headings in these question types)
*'''array1''' và '''array2''' (Hai kiểu này được luân chuyển khi trình bày phạm vi của câu trả lời cho một câu hỏi kiểu mảng. Điều này cho phép bạn đặt màu nền xen kẽ cho các loại câu hỏi này. '''Array1''' cũng được sử dụng cho các tiêu đề cột trong các loại câu hỏi này)
*'''errormandatory''' (Sets the color and style of the "This question is mandatory" error message)
*'''errormandatory''' (Đặt màu và kiểu của thông báo lỗi "Câu hỏi này là bắt buộc")
*'''warningjs''' (Sets the color and style of the warning message displayed if the participant's browser has javascript disabled)
*'''warningjs''' (Đặt màu sắc và kiểu dáng của thông báo cảnh báo được hiển thị nếu trình duyệt của người tham gia đã tắt javascript)


There are also some elements that can be accessed using the ID of the element ('''#ID''' in CSS):
Ngoài ra còn có một số phần tử có thể được truy cập bằng ID của phần tử đó ('''#ID''' trong CSS):
*'''surveycontact''' (The contact message shown on the start page)
*'''surveycontact''' (Thông báo liên hệ được hiển thị trên trang bắt đầu)
*'''tokenmessage''' (used for messages inside the survey, e.g. the session expired error message)
*'''tokenmessage''' (được sử dụng cho các tin nhắn bên trong khảo sát, ví dụ: thông báo lỗi phiên hết hạn)


Because you can edit all the HTML aspects, there's no reason to surround your templates with a
Bởi vì bạn có thể chỉnh sửa tất cả các khía cạnh HTML nên không có lý do gì để bao quanh các mẫu của bạn bằng
<syntaxhighlight lang="php"><div class='new_name'></div></syntaxhighlight>
<syntaxhighlight lang="php"><div class='new_name'></div></syntaxhighlight>  
and then define a css for that new_name class.
và sau đó định nghĩa một css cho lớp new_name đó.


==Styling the progress bar==
==Tạo kiểu cho thanh tiến trình==


The progress bar appearance can be modified with CSS.
Giao diện thanh tiến trình có thể được sửa đổi bằng CSS.


To change the background color of the bar, add something like the following to the end of your custom.css file (example for fruity theme):
Để thay đổi màu nền của thanh, hãy thêm nội dung như sau vào cuối tệp custom.css của bạn (ví dụ về chủ đề trái cây):


<syntaxhighlight lang="php">.fruity .progress-bar {
<syntaxhighlight lang="php">.fruity .progress-bar {
 background-color: #3300FF;
màu nền: #3300FF;
}</syntaxhighlight>
}</syntaxhighlight>


To change the border color of the bar, add something like the following to the end of your custom.css file (example for fruity theme):
Để thay đổi màu đường viền của thanh, hãy thêm nội dung như sau vào cuối tệp custom.css của bạn (ví dụ về chủ đề trái cây):


<syntaxhighlight lang="php">.fruity .progress-bar {
<syntaxhighlight lang="php">.fruity .progress-bar {
 border: 1px solid #FF0000;
đường viền: 1px liền khối #FF0000;
}</syntaxhighlight>
}</syntaxhighlight>


==Advanced features available to developers==
==Các tính năng nâng cao dành cho nhà phát triển==


LimeSurvey has integrated some user-made patches that permits some special changes. These very advanced features (generally) require changes to the underlying code base of LimeSurvey and should be done carefully in order not to introduce security holes.
LimeSurvey đã tích hợp một số bản vá do người dùng tạo cho phép thực hiện một số thay đổi đặc biệt. Những tính năng rất tiên tiến này (nói chung) yêu cầu thay đổi cơ sở mã cơ bản của LimeSurvey và cần được thực hiện cẩn thận để không tạo ra các lỗ hổng bảo mật.


====Support for your own Javascript functions====
====Hỗ trợ các chức năng Javascript của riêng bạn====


Some users may need to run Javascript on the survey pages, but calling '''checkconditions()''' in the BODY element made it impossible to do so. This call has been replaced with a small JavaScript function in the HEAD that sniffs for the existence of '''checkconditions()''' and '''template_onload()''' before calling them. In this way, a template author can create his or her own '''template_onload()''' function in the HEAD that replaces the default one.
Một số người dùng có thể cần chạy Javascript trên các trang khảo sát, nhưng việc gọi '''checkconditions()''' trong phần tử BODY khiến điều đó không thể thực hiện được. Lệnh gọi này đã được thay thế bằng một hàm JavaScript nhỏ trong HEAD để phát hiện sự tồn tại của '''checkconditions()''' và '''template_onload()''' trước khi gọi chúng. Bằng cách này, tác giả mẫu có thể tạo hàm '''template_onload()''' của riêng mình trong HEAD để thay thế hàm mặc định.


*Disable XSS filter - in Global settings -> Security, set "Filter HTML for XSS" to No.
*Tắt bộ lọc XSS - trong Cài đặt chung -> Bảo mật, đặt "Lọc HTML cho XSS" thành Không.
*Enter your script in the source of a question or group description.
*Nhập tập lệnh của bạn vào nguồn của câu hỏi hoặc mô tả nhóm.


{{Note|For further details, see the [[Workarounds: Manipulating a survey at runtime using Javascript#How to use Script (eg. JavaScript etc.) in LimeSurvey|workaround section]].}}
{{Lưu ý|Để biết thêm chi tiết, hãy xem [[Giải pháp thay thế: Thao tác khảo sát trong thời gian chạy bằng Javascript#Cách sử dụng Tập lệnh (ví dụ: JavaScript, v.v.) trong phần LimeSurvey|giải pháp thay thế]].}}




==Tips & tricks==
==Mẹo và thủ thuật==


===Language specific element===
===Thành phần ngôn ngữ cụ thể===


If you want to have a language specific sentence in a survey, for example help at the end of each page, you can add a .pstl file a sentence and hide it for the other language. If we hide it in the template.css, we can use the pseudo selector :lang, but we use some class for better compatibility.
Nếu bạn muốn có một câu cụ thể theo ngôn ngữ trong khảo sát, chẳng hạn như trợ giúp ở cuối mỗi trang, bạn có thể thêm tệp .pstl một câu và ẩn câu đó cho ngôn ngữ khác. Nếu ẩn nó trong template.css, chúng ta có thể sử dụng bộ chọn giả :lang, nhưng chúng ta sử dụng một số lớp để tương thích tốt hơn.


Below, there are two help sentences, in French and English. Put this on endpage.pstpl:
Bên dưới có hai câu trợ giúp bằng tiếng Pháp và tiếng Anh. Đặt cái này trên endpage.pstpl:


<syntaxhighlight lang="php"><div class="fr" lang="fr">Pour de l'aide en direct appelez le 000000</div>
<syntaxhighlight lang="php"><div class="fr" lang="fr">Pour de l'aide en direct appelez le 000000</div>  
<div class="en" lang="en">For some help, please call 000000</div></syntaxhighlight>
<div class="en" lang="en"> Để được trợ giúp, vui lòng gọi 000000</div></syntaxhighlight>


and in template.css:
và trong template.css:


<syntaxhighlight lang="php">.lang-fr .en{display:none}
<syntaxhighlight lang="php">.lang-fr .en{display:none}
.lang-en .fr{display:none}</syntaxhighlight>
.lang-en .fr{display:none}</syntaxhighlight>


===Change the layout of the survey page===
===Thay đổi bố cục của trang khảo sát===


After editing and saving a template, it applies to a survey list page only if it is selected from the settings of the survey. To make it the default template, go under the '''General tab''' located in the '''Global settings''' of your LimeSurvey installation and choose the desired template. From this point on, all the templates that use the "default" option as template, plus the ones that are going to be newly created, will use the newly selected default template.
Sau khi chỉnh sửa và lưu mẫu, mẫu đó chỉ áp dụng cho trang danh sách khảo sát nếu được chọn từ cài đặt của khảo sát. Để đặt nó làm mẫu mặc định, hãy chuyển đến ''tab Chung''' nằm trong '''Cài đặt chung''' của bản cài đặt LimeSurvey của bạn và chọn mẫu mong muốn. Từ thời điểm này trở đi, tất cả các mẫu sử dụng tùy chọn "mặc định" làm mẫu, cộng với những mẫu sắp được tạo mới, sẽ sử dụng mẫu mặc định mới được chọn.


To use your current template for this page, you must change the appropriate setting from '''Global settings'''. In older versions, this change can be done by editing the $defaulttemplate setting from the config file: copy this setting from config-defaults.php to config.php which overrides config-defaults.php and edit this setting to <code lang="html">$defaulttemplate = 'yourtemplatename';</code>.
Để sử dụng mẫu hiện tại của bạn cho trang này, bạn phải thay đổi cài đặt thích hợp từ '''Cài đặt chung'''. Trong các phiên bản cũ hơn, thay đổi này có thể được thực hiện bằng cách chỉnh sửa cài đặt $defaulttemplate từ tệp cấu hình: sao chép cài đặt này từ config-defaults.php sang config.php để ghi đè config-defaults.php và chỉnh sửa cài đặt này thành <code lang="html">$defaulttemplate = 'yourtemplatename';</code> .


===Import/Export of templates: Mac users===
===Nhập/Xuất mẫu: Người dùng Mac===


<u>Mac users</u>, please note that the Mac OSX default archive utility may have problems with zip folders "generated on the fly".
<u>Người dùng Mac</u> , xin lưu ý rằng tiện ích lưu trữ mặc định của Mac OSX có thể gặp sự cố với các thư mục zip "được tạo nhanh chóng".


A workaround is to unix'es unzip from the command line:
Một cách giải quyết khác là giải nén unix từ dòng lệnh:


$ unzip template.zip -d template
$ giải nén template.zip -d mẫu


Archive: template.zip
Lưu trữ: template.zip


 inflating: template/startpage
tăng cao: mẫu/trang bắt đầu


 inflating: ...
thổi phồng: ...


Another workaround is to use scripts in their mac-compiled counterparts.
Một cách giải quyết khác là sử dụng các tập lệnh trong các bản sao do mac biên dịch.


===Use the same template with different logos===
===Sử dụng cùng một mẫu với các logo khác nhau===


If you want to use the same template for all surveys and just want to change the logo for each survey, you can use the {SID} placeholder in the template .pstpl file and thereby refer to different images:
Nếu bạn muốn sử dụng cùng một mẫu cho tất cả các khảo sát và chỉ muốn thay đổi logo cho mỗi khảo sát, bạn có thể sử dụng trình giữ chỗ {SID} trong tệp .pstpl mẫu và từ đó tham khảo các hình ảnh khác nhau:


<syntaxhighlight lang="php"><img src="{TEMPLATEURL}files/logoImage-{SID}.png"></syntaxhighlight>
<syntaxhighlight lang="php"><img src="{TEMPLATEURL}files/logoImage-{SID}.png"></syntaxhighlight>


=== Display custom favicon===
=== Hiển thị favicon tùy chỉnh===


A favicon is the little icon you see in the browser's address bar, list of bookmarks or tab. You can display your own icon as follows:
Favicon là biểu tượng nhỏ bạn nhìn thấy trên thanh địa chỉ, danh sách dấu trang hoặc tab của trình duyệt. Bạn có thể hiển thị biểu tượng của riêng mình như sau:
#Create a favicon - You can use Google to find lots of free favicon generators.
#Tạo favicon - Bạn có thể sử dụng Google để tìm nhiều trình tạo favicon miễn phí.
#Name your new favicon "favicon.ico" and place it in your template /files directory.
#Đặt tên cho favicon mới của bạn là "favicon.ico" và đặt nó vào mẫu/tệp của bạn thư mục.
#Add the following code to your '''startpage.pstpl''' before the </head> tag.
#Thêm đoạn mã sau vào '''startpage.pstpl''' của bạn trước</head> nhãn.


<syntaxhighlight lang="html4strict"><link rel="shortcut icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon">
<syntaxhighlight lang="html4strict"><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"></syntaxhighlight>
<link rel="icon" href="{TEMPLATEURL}files/favicon.ico" type="image/x-icon"></syntaxhighlight>


=== Different appearance for survey-/question-pages===
=== Giao diện khác nhau cho trang khảo sát-/câu hỏi===


If you want LimeSurvey to change the appearance of every second page (i.e., even and odd survey pages), you can use '''.page-odd''' class in your CSS file to change the appearance of odd pages.
Nếu bạn muốn LimeSurvey thay đổi giao diện của mỗi trang thứ hai (tức là các trang khảo sát chẵn và lẻ), bạn có thể sử dụng lớp '''.page-odd''' trong tệp CSS của mình để thay đổi giao diện của các trang lẻ.


An example from default template of LimeSurvey 1.91+:
Một ví dụ từ mẫu mặc định của LimeSurvey 1.91+:


<syntaxhighlight lang="php">
<syntaxhighlight lang="php">
.page-odd table.question-group {
.page-odd table.question-group {
 background-color: #D2F2D3;
màu nền: #D2F2D3;
}</syntaxhighlight>
}</syntaxhighlight>


If you do '''not''' want differentiate even and odd pages, find all instances of ''.page-odd'' in template.css and remove those styles.
Nếu bạn '''không''' muốn phân biệt các trang chẵn và lẻ, hãy tìm tất cả các phiên bản ''.page-odd'' trong template.css và xóa các kiểu đó.


===Create a vertical separator border for dual scale array===
===Tạo đường viền phân cách dọc cho mảng tỷ lệ kép===


To create a vertical separator border for a dual scale array, you can add the following lines to your '''template.css'''-file.
Để tạo đường viền phân cách dọc cho mảng tỷ lệ kép, bạn có thể thêm các dòng sau vào tệp '''template.css''' của mình.


<syntaxhighlight lang="php">
<syntaxhighlight lang="php">
Line 931: Line 927:
table.question tbody td.dual_scale_separator
table.question tbody td.dual_scale_separator
{
{
   border-right:solid 1px #00A8E1;
border-right:solid 1px #00A8E1;
}
}
</syntaxhighlight>
</syntaxhighlight>


''header_separator'' is used to adress the separator for the header "td". The "dual_scale_separator" is used to address the separator column in the dual scale array.
''header_separator'' được sử dụng để đánh địa chỉ dấu phân cách cho tiêu đề "td". "dual_scale_separator" được sử dụng để giải quyết cột phân cách trong mảng tỷ lệ kép.


===Adding your own logo to the survey list===  
===Thêm logo của riêng bạn vào danh sách khảo sát===  


# First please open the theme editor for the theme you like to use. [[File:OpenThemeEditor.jpg]]
# Trước tiên hãy mở trình chỉnh sửa chủ đề cho chủ đề bạn muốn sử dụng. [[File:OpenThemeEditor.jpg]]
# We recommend to use fruity, it is our best theme currently.  
# Chúng tôi khuyên bạn nên sử dụng chủ đề trái cây, đây là chủ đề tốt nhất của chúng tôi hiện nay.  
# Then extend the theme and give it a name you will recognize. [[File:ExtendTheme.jpg]]
# Sau đó, hãy mở rộng chủ đề và đặt cho nó một cái tên mà bạn sẽ nhận ra. [[File:ExtendTheme.jpg]]
# In the following view you may upload the logo you want to use. [[File:UploadFileTheme.jpg]]
# Trong chế độ xem sau, bạn có thể tải lên logo bạn muốn sử dụng. [[File:UploadFileTheme.jpg]]
# Select the editor screen `Survey List´ in the Screen dropdown in the top right corner. [[File:OpenScreenSurveyList.jpg]]
# Chọn màn hình soạn thảo `Danh sách khảo sát' trong menu thả xuống Màn hình ở góc trên cùng bên phải. [[File:OpenScreenSurveyList.jpg]]
# Then select `layout_survey_list.twig´ in the left side menu. [[File:EditLayoutSurveyListTwig.jpg]]
# Sau đó chọn `layout_survey_list.twig' trong menu bên trái. [[File:EditLayoutSurveyListTwig.jpg]]
# In the editor scroll to line 126 and change the marked part to the filename of the image you uploaded to the theme before. [[File:ChangeSurveyListHeaderImageEditor.jpg]]
# Trong trình chỉnh sửa, cuộn đến dòng 126 và thay đổi phần được đánh dấu thành tên tệp của hình ảnh bạn đã tải lên chủ đề trước đó. [[File:ChangeSurveyListHeaderImageEditor.jpg]]
# Save your file. [[File:ThemeEditorSaveChanges.jpg]]
# Lưu tệp của bạn. [[File:ThemeEditorSaveChanges.jpg]]
# Change default theme to your extended theme. [[File:ChangeDefaultTheme.jpg]]
# Thay đổi chủ đề mặc định thành chủ đề mở rộng của bạn. [[File:ChangeDefaultTheme.jpg]]


=== Align logo to the centre of the survey page===
=== Căn chỉnh logo vào giữa trang khảo sát===
This example is for the "extends_fruity" template. For other templates the required CSS may be different.
Ví dụ này dành cho mẫu "extends_fruity". Đối với các mẫu khác, CSS yêu cầu có thể khác.
# Login to the LimeSurvey admin area
# Đăng nhập vào khu vực quản trị LimeSurvey
# Browse to the theme editor: Configuration > Themes
# Duyệt đến trình chỉnh sửa chủ đề: Cấu hình > Chủ đề
# Find "LimeSurvey Fruity Theme" in the list and click the "Theme Editor" button
# Tìm "Chủ đề LimeSurvey Fruity" trong danh sách và nhấp vào " Nút "Trình chỉnh sửa chủ đề"
# Click "custom.css" in the files list on the left at near the bottom of the page
# Nhấp vào "custom.css" trong danh sách tệp ở bên trái, gần cuối trang
# Copy the following CSS into that file and press "Save Changes"
# Sao chép CSS sau vào tệp đó và nhấn "Lưu thay đổi"


<syntaxhighlight lang="css">
<syntaxhighlight lang="css">
.navbar-fixed-top > div.navbar-header {
.navbar-fixed-top > div.navbar-header {
    width: 100% !important;
chiều rộng: 100% !quan trọng;
}
}


.navbar-fixed-top > div.navbar-header > div {
.navbar-fixed-top > div.navbar-header > div {
    width: 100% !important;
chiều rộng: 100% !quan trọng;
}
}


.navbar-fixed-top > div.navbar-header > div > img {
.navbar-fixed-top > div.navbar-header > div > img {
    margin: 0 auto 0 auto !important;
lề: 0 tự động 0 tự động !quan trọng;
}
}
</syntaxhighlight>
</syntaxhighlight>
Line 973: Line 969:




==Custom question views {{NewIn|3.0}}==  
==Chế độ xem câu hỏi tùy chỉnh {{NewIn|3.0}}==  


<div class="simplebox">'''Note:''' This is a temporary feature to be replaced in the future by question object (it will be very easy to move custom views to question object). It is disabled by default.</div>
<div class="simplebox">'''Lưu ý:''' Đây là một tính năng tạm thời sẽ được thay thế trong tương lai bằng đối tượng câu hỏi (sẽ rất dễ dàng để di chuyển các chế độ xem tùy chỉnh sang đối tượng câu hỏi). Nó bị tắt theo mặc định.</div>


As of version 2.5, you can create template-specific custom views for questions and some of their incorporated elements. This is useful if you want to modify the HTML layout of a particular question type for one or more surveys.
Kể từ phiên bản 2.5, bạn có thể tạo chế độ xem tùy chỉnh theo mẫu cụ thể cho các câu hỏi và một số thành phần được kết hợp của chúng. Điều này hữu ích nếu bạn muốn sửa đổi bố cục HTML của một loại câu hỏi cụ thể cho một hoặc nhiều khảo sát.


*In application/config/config.php, find 'config'=>array and add this line to the array : 'allow_templates_to_overwrite_views'=>1
*Trong application/config/config.php, tìm 'config'=>mảng và thêm dòng này vào mảng: 'allow_templates_to_overwrite_views'=>1
*In /{your_template}/config.xml, set "overwrite_question_views" to true
*Trong /{your_template}/config.xml, đặt "overwrite_question_views" thành true
*Copy application/views/survey/* to template/{your_view_directory}/survey/
*Sao chép application/views/survey/* vào template/{your_view_directory}/survey/
*Note that you only need to copy the files that you intend to modify but the file structure must remain the same as in application/views/survey/
*Lưu ý rằng bạn chỉ cần sao chép các tệp mà bạn định sửa đổi nhưng cấu trúc tệp phải giữ nguyên như trong ứng dụng/lượt xem/khảo sát/


==Insert custom CSS or JavaScript files for template==  
==Chèn tệp CSS hoặc JavaScript tùy chỉnh cho mẫu==  


As of version 2.50, you can use the config.xml File to Automatically Load Plugin Files.
Kể từ phiên bản 2.50, bạn có thể sử dụng Tệp config.xml để Tự động tải Tệp Plugin.


*Upload your files to the template /css or /scripts folder
*Tải tệp của bạn lên thư mục mẫu /css hoặc /scripts
*In /{your_template}/config.xml, add the file paths to the <css> or <js> blocks, something like this:<syntaxhighlight lang="xml"><css>
*Trong /{your_template}/config.xml, thêm đường dẫn tệp vào<css> hoặc<js> khối, đại loại như thế này:<syntaxhighlight lang="xml"><css>  
<filename>css/jquery-ui-custom.css</filename>
<filename> css/jquery-ui-custom.css</filename>  
<filename>css/bootstrap-slider.css</filename>
<filename> css/bootstrap-slider.css</filename>


<filename>css/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</filename>
<filename>css/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</filename>  
<filename>css/flat_and_modern.css</filename>
<filename> css/flat_and_modern.css</filename>


<filename>css/template.css</filename>
<filename>css/template.css</filename>


<filename>css/myCustomPlugin.css</filename>
<filename>css/myCustomPlugin.css</filename>  
</css>
</css>  
<js>
<js>  
<filename>scripts/template.js</filename>
<filename> scripts/template.js</filename>  
<filename>scripts/bootstrap-slider.js</filename>
<filename> scripts/bootstrap-slider.js</filename>


<filename>scripts/myCustomPlugin.js</filename>
<filename>scripts/myCustomPlugin.js</filename>  
</js>
</js>  
</syntaxhighlight>
</syntaxhighlight>


==Class definitions (for Developers)==
==Định nghĩa lớp (dành cho Nhà phát triển)==


===answer-list===
===answer-list===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
|arrays/5point || A || tr
|mảng/5 điểm || Một || tr
|-
|-
|arrays/10point|| B|| tr
|arrays/10point|| B|| tr
|-
|-
|arrays/array || F || tr
|mảng/mảng || F || tr
|-
|-
|arrays/column || H || tr and col
|mảng/cột || H || tr và col
|-
|-
|arrays/dualscale || 1 || tr
|arrays/dualscale || 1 || tr
|-
|-
|arrays/increasesamedecrease || E || tr
|mảng/tăngcùnggiảm || E || tr
|-
|-
|arrays/yesnouncertain || C || tr
|arrays/yesnouncertain || C || tr
|-
|-
|gender || G || div and ul
|giới tính || G || div và ul
|-
|-
|list_with_comment || O || div
|list_with_comment || ồ || div
|-
|-
|ranking || R || ul and div
|xếp hạng || R || ul và div
|-
|-
|yesno || Y || ul and div
|yesno || Y || ul và div
|-
|-
|ranking_advanced || R || ul and div
|ranking_advanced || R || ul và div
|-
|-
|listradio || L || div
|listradio || L || div
|-
|-
|5pointchoice || 5 || ul
|5điểm lựa chọn || 5 || ul
|-
|-
|multiplechoice || M || div
|trắc nghiệm || M || div
|-
|-
|}
|}
Line 1,049: Line 1,045:
===radio-list===
===radio-list===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
| yesno || Y || ul
| vâng không || Y || ul
|-
|-
|gender || G || ul
|giới tính || G || ul
|-
|-
|arrays/yesnouncertain || C || tr
|arrays/yesnouncertain || C || tr
|-
|-
|arrays/increasesamedecrease || E || tr
|mảng/tăngcùnggiảm || E || tr
|-
|-
|arrays/dualscale || 1 || tr
|arrays/dualscale || 1 || tr
|-
|-
|arrays/5point || A || table and tr
|arrays/5point || Một || bảng và tr
|-
|-
|arrays/10point || B || tr
|arrays/10point || B || tr
|-
|-
|arrays/array || F || tr
|mảng/mảng || F || tr
|-
|-
|arrays/column || H || col
|mảng/cột || H || col
|-
|-
|listradio || L || div
|listradio || L || div
|-
|-
|list_with_comment || O || div followed by ul
|list_with_comment || ồ || div theo sau là ul
|-
|-
|}
|}
Line 1,077: Line 1,073:
===radio-item===
===radio-item===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''yếu tố'''  
|-
|-
|arrays/yesnouncertain || C || td
|arrays/yesnouncertain || C || td
|-
|-
|5pointchoice || 5 || li
|5điểm lựa chọn || 5 || li
|-
|-
|arrays/10point || B || td
|mảng/10điểm || B || td
|-
|-
|arrays/5point || A || td
|arrays/5point || Một || td
|-
|-
|arrays/array || F || td
|mảng/mảng || F || td
|-
|-
|arrays/column || H || td
|mảng/cột || H || td
|-
|-
|arrays/dualscale || 1 || td
|arrays/dualscale || 1 || td
|-
|-
|arrays/increasesamedecrease || E || td
|mảng/tăngcùnggiảm || E || td
|-
|-
|gender || G || li
|giới tính || G || li
|-
|-
|listradio || L || li
|listradio || L || li
Line 1,101: Line 1,097:
|yesno || Y || li
|yesno || Y || li
|-
|-
|listradio || L || li and div
|listradio || L || li và div
|-
|-
|image_select-listradio || L || li and div
|image_select-listradio || L || li và div
|-
|-
|list_with_comment || 0 || li
|list_with_comment || 0 || li
Line 1,111: Line 1,107:
===list-group===
===list-group===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
|yesno || Y || ul
|có không || Y || ul
|-
|-
|5pointchoice || 5 || ul
|5điểm lựa chọn || 5 || ul
|-
|-
|gender || G || ul
|giới tính || G || ul
|-
|-
|ranking || R || ul
|xếp hạng || R || ul
|-
|-
|ranking_advanced || R || ul and div
|ranking_advanced || R || ul và div
|-
|-
|question_index_group_buttons || || div
|question_index_group_buttons || || div
|-
|-
|question_index_questions_buttons || || div
|question_index_questions_buttons || || div
|-
|-
|}
|}
Line 1,131: Line 1,127:
===list-group-horizontal===
===list-group-horizontal===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
|yesno || Y || ul
|yesno || Y || ul
|-
|-
|5pointchoice || 5 || ul
|5điểm lựa chọn || 5 || ul
|-
|-
|gender || G || ul
|giới tính || G || ul
|-
|-
|}
|}
Line 1,143: Line 1,139:
===list-unstyled===
===list-unstyled===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
|list_with_comment || 0 || ul
|list_with_comment || 0 || ul
|-
|-
|listradio|| L || ul
|listradio|| L || ul
|-
|-
|multiplechoice|| M || ul
|trắc nghiệm|| M || ul
|-
|-
|multiplechoice_with_comments|| P || ul
|multiplechoice_with_comments|| P || ul
|-
|-
|multiplenumeric|| K || ul
|nhiều số|| K || ul
|-
|-
|multipleshorttext|| Q || ul
|multipleshorttext|| Q || ul
|-
|-
|ranking|| R || ul
|xếp hạng|| R || ul
|-
|-
|ranking_advanced|| R || ul
|ranking_advanced|| R || ul
Line 1,163: Line 1,159:
|bootstrap_buttons_multi|| M || ul
|bootstrap_buttons_multi|| M || ul
|-
|-
|image_select-multiplechoice|| M || ul
|image_select-multichoice|| M || ul
|-
|-
|inputondemand/multipleshorttext || Q || ul
|inputondemand/multipleshorttext || Q || ul
|-
|-
|register_error|| || ul
|register_error|| || ul
|-
|-
|register_message|| || ul
|register_message|| || ul
|-
|-
|layout_survey_list || || ul
|layout_survey_list || || ul
|-
|-
|load|| || ul
|load|| || ul
|-
|-
|save|| || ul
|lưu|| || ul
|-
|-
|captcha|| || ul
|captcha|| || ul
|-
|-
|}
|}
Line 1,183: Line 1,179:
===select-list===
===select-list===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''elements'''  
|-
|-
|ranking|| R || ul
|xếp hạng|| R || ul
|-
|-
|ranking_advanced|| R || ul
|ranking_advanced|| R || ul
Line 1,193: Line 1,189:
===checkbox-item===
===checkbox-item===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''yếu tố'''  
|-
|-
|multiflexi (Array numbers)|| : || td
|multiflexi (Số mảng)|| : || td
|-
|-
|multiplechoice|| M || li
|nhiều lựa chọn|| M || li
|-
|-
|multiplechoice_with_comments|| P || div
|multiplechoice_with_comments|| P || div
Line 1,203: Line 1,199:
|image_select-listradio|| L || li
|image_select-listradio|| L || li
|-
|-
|image_select-multiplechoice|| M || li and div
|image_select-multichoice|| M || li và div
|-
|-
|navigator|| || span
|navigator|| || span
|-
|-
|}
|}
Line 1,211: Line 1,207:
===checkbox-text-item===
===checkbox-text-item===
{|class=wikitable  
{|class=wikitable  
!'''Question'''!!'''Question Type'''!!'''elements'''  
!'''Câu hỏi'''!!'''Loại câu hỏi'''!!'''yếu tố'''  
|-
|-
|multiplechoice_with_comments|| P || li
|multiplechoice_with_comments|| P || li
|-
|-
|multiplechoice|| M || li
|trắc nghiệm|| M || li
|-
|-
|image_select-multiplechoice|| M || li
|image_select-multichoice|| M || li
|-
|-


Latest revision as of 09:13, 10 January 2024

Other languages:

Giới thiệu

LimeSurvey có hệ thống phong cách và chủ đề nâng cao cung cấp cho các nhà phát triển một cách hiệu quả để tùy chỉnh giao diện khảo sát. Kể từ LS3, thuật ngữ "mẫu" đã được thay thế bằng thuật ngữ "chủ đề". Chủ đề cho phép kiểm soát phong cách của các trang khảo sát. Quản trị viên khảo sát có thể chọn một chủ đề mặc định sẽ được sử dụng cho mỗi cuộc khảo sát để cá nhân hóa nó hơn nữa. Chủ đề đi kèm với các tùy chọn cung cấp cho quản trị viên không cần kỹ năng mã hóa một cách đơn giản để thêm biểu tượng trên trang chào mừng, thay đổi màu nền, chọn phông chữ, v.v.


LimeSurvey có 3 chủ đề. Các chủ đề ban đầu này được xác định bởi các thư mục nằm trong thư mục "themes/survey/" cài đặt LimeSurvey. Mỗi chủ đề có thư mục riêng. Trong thư mục chính của một chủ đề, bạn sẽ tìm thấy một tệp cấu hình bằng XML và nhiều thư mục chứa các chế độ xem themes (.twig), cascading style sheet (.css), 'scripts, hình ảnh ('.jpg hoặc .png) và có thể những thứ khác.


Kể từ LimeSurvey 2.50, công cụ chủ đề sử dụng Bootstrap 3 làm khung CSS. Vì Bootstrap 3 là một framework tiêu chuẩn nên các nhà phát triển sẽ tìm thấy rất nhiều tài liệu, hướng dẫn và chủ đề diễn đàn về nó trên internet.


Kể từ LimeSurvey 3, công cụ chủ đề sử dụng Twig nên nhà phát triển chủ đề có thể thay đổi logic của kết xuất khảo sát một cách an toàn và dễ dàng. Twig thay thế hệ thống từ khóa thay thế cũ đã được sử dụng trong các phiên bản trước. Logic được sử dụng để tạo HTML của từ khóa hiện có sẵn trong chế độ xem của chủ đề.


Đoạn trích từ Chủ đề Vanilla: 

 <div class="{{ aSurveyInfo.class.answercontainer }} col-xs-12" {{ aSurveyInfo.attr.answercontainer }}> 
 {# LƯU Ý: Nếu bạn muốn tùy chỉnh kết xuất câu hỏi, hãy sử dụng chủ đề câu hỏi #}
 {{ aQuestion.answer | thô }}
</div>

Chủ đề, là mã HTML và Twig, có xu hướng xác định vị trí và loại văn bản sẽ được hiển thị cũng như các đặc điểm cấu trúc tương tự của trang. Họ thường tham khảo hoặc bao gồm các tập tin khác. Hầu hết trong số chúng đều tham chiếu đến tệp biểu định kiểu xếp tầng (CSS) phổ biến xác định kiểu phông chữ, màu sắc, kích thước, nền và các tham số tương tự chung cho tất cả các trang trong khảo sát. Các biểu định kiểu tham chiếu các tham số HTML class được liên kết với các loại đối tượng khác nhau trong mã HTML. Điều này cho phép biểu định kiểu xác định cách hiển thị từng loại văn bản hoặc các đối tượng khác có thể xuất hiện ở nhiều nơi. Có các lớp duy nhất cho từng loại câu hỏi trong LimeSurvey và do đó cung cấp khả năng kiểm soát chi tiết về hình thức của từng loại câu hỏi. Các tệp hình ảnh, như logo hoặc các hàm tạo thanh tiến trình đặc biệt, cũng có thể được tham chiếu trong tệp Chủ đề. Cuối cùng, các từ khóa đặc biệt trong dấu ngoặc nhọn được thay thế bằng văn bản được xác định trong khảo sát cho từng người dịch ngôn ngữ (ví dụ: 'Tiêu đề khảo sát' hoặc 'Văn bản câu hỏi' cho từng ngôn ngữ được xác định).

Nếu bạn tạo một chủ đề tùy chỉnh mới, vui lòng cân nhắc việc đóng góp chủ đề đó lại cho cộng đồng LimeSurvey và cung cấp chủ đề đó cho những người khác. Với sự giúp đỡ của bạn, chúng tôi có thể phát triển kho chủ đề, khảo sát và các tiện ích bổ sung khác để làm cho LimeSurvey trở nên tốt hơn nữa! Xem kho lưu trữ mẫu LimeSurvey của chúng tôi, nơi bạn có thể chia sẻ các mẫu của mình.

Tạo chủ đề mới

Để có thể tạo chủ đề mới (hoặc chỉnh sửa chủ đề hiện có), bạn cần Quyền người dùng chỉnh sửa mẫu trong LimeSurvey cũng như quyền thao tác các tệp trong hệ điều hành cơ bản hệ thống lưu trữ cài đặt LimeSurvey của bạn.

Lưu ý cảnh báo: Nếu bạn thay đổi chủ đề, bạn cũng có thể ảnh hưởng đến tất cả các khảo sát hiện có từ quá trình cài đặt LimeSurvey của mình. Chủ đề là một tính năng nâng cao đòi hỏi kinh nghiệm và kiến thức về HTML.

Cách ưa thích để tạo chủ đề mới là thông qua Trình chỉnh sửa chủ đề (xem bên dưới), nằm trong Cấu hình trên thanh công cụ trên cùng. Một số người dùng thích làm việc trực tiếp với các tệp chủ đề để họ có thể sử dụng trình soạn thảo văn bản yêu thích của mình thay vì giao diện web. Trong trường hợp này, trước tiên bạn vẫn sử dụng Trình chỉnh sửa chủ đề để tạo chủ đề mới. Điều này sẽ tạo một chủ đề cơ sở mới với tất cả các tệp bạn cần trong thư mục LimeSurvey_web_root/upload/themes/survey/your_new_template. Từ đó, bạn có thể sử dụng trình soạn thảo văn bản của mình để điều chỉnh các tệp mẫu theo cách thủ công.

Lưu ý về quyền: trên hệ thống unix/linux, các tệp chủ đề này sẽ thuộc sở hữu của nhóm và người dùng nơi máy chủ web đang chạy (có thể là "www" đối với một số hệ thống). Vì vậy, hãy đảm bảo bạn có quyền thích hợp để chỉnh sửa các tệp này. Khi bạn lưu chúng, hãy đảm bảo rằng chúng không thay đổi quyền sở hữu! Bằng cách này, bạn vẫn có thể sử dụng giao diện Chỉnh sửa chủ đề web nếu cần.


Một số yếu tố 'công khai' của LimeSurvey có thể được điều chỉnh theo một loạt chủ đề. Phần tiếp theo sẽ giải thích rất ngắn gọn về các mẫu này.

Template:Lưu ý

Trình chỉnh sửa chủ đề LimeSurvey

Trình chỉnh sửa chủ đề: Cấu hình > Chủ đề> Trình chỉnh sửa chủ đề Trình chỉnh sửa chủ đề chỉ khả dụng cho người dùng với quyền Mẫu và cho quản trị viên cấp cao.


Template:Cảnh báo


Trình chỉnh sửa chủ đề LimeSurvey cho phép bạn chỉnh sửa nội dung chủ đề của mình trực tuyến. Để khởi động Trình chỉnh sửa chủ đề: nhấp vào Chủ đề trong menu Cấu hình, sau đó nhấp vào nút Trình chỉnh sửa chủ đề bên cạnh chủ đề bạn muốn chỉnh sửa hoặc mở rộng.


Nút truy cập trình chỉnh sửa chủ đề cho chủ đề Bootswatch


Trang soạn thảo mẫu cho phép bạn chọn mẫu bạn muốn chỉnh sửa/xem.



Lựa chọn tiếp theo đã khả thi:


  • Tạo: Cho phép bạn tạo mẫu mới. Để không phải bắt đầu lại từ đầu, mẫu 'mặc định' đã được sao chép.
  • Import: Cho phép bạn nhập mẫu từ tệp ZIP.
  • Export : Cho phép bạn xuất mẫu hiện tại sang tệp ZIP.
  • Copy: Cho phép bạn tạo mẫu mới bằng cách sao chép mẫu hiện tại.
  • Rename: Cho phép bạn thay đổi tên của mẫu. Nó thường được sử dụng sau khi sao chép hoặc nhập một mẫu.
  • Template: Một danh sách thả xuống hiển thị tất cả các mẫu có sẵn nằm trong bản cài đặt LimeSurvey của bạn.
  • Màn hình: Danh sách thả xuống cho phép bạn chọn trang khảo sát cụ thể nào của mẫu mà bạn muốn xem.
  • Quay lại bảng quản trị.

Nhập/Xuất/Sao chép mẫu

Khi bạn xuất một mẫu, một kho lưu trữ tệp ZIP có tất cả các tệp mẫu, bạn sẽ được tạo (tệp .pstpl, hình ảnh, tệp css, ...). Bạn có thể nhập tệp zip đã xuất vào bản cài đặt LimeSurvey khác bằng cách sử dụng tính năng nhập hoặc bạn có thể sao chép thủ công tệp lưu trữ vào bản cài đặt LimeSurvey khác và giải nén nó vào template tương ứng thư mục ở đó.

Tuy nhiên, tốt nhất bạn nên sử dụng chức năng nhập/xuất/sao chép mẫu LimeSurvey trong trình chỉnh sửa mẫu.

Cấu trúc trang / Sử dụng mẫu

  • Trang chào mừng: startpage.pstpl, Welcome.pstpl, Privacy.pstpl, navigator.pstpl, endpage.pstpl
  • 'Các trang câu hỏi:' startpage.pstpl, Survey.pstpl, startgroup.pstpl, groupdescription.pstpl, question.pstpl, endgroup.pstpl, endpage.pstpl
  • Trang cuối cùng: trang bắt đầu .pstpl, đánh giá.pstpl, đã hoàn thành.pstpl, endpage.pstpl

Tệp mẫu

Các tệp mẫu sau được sử dụng để tạo khảo sát công khai của bạn và phải tồn tại trong bất kỳ thư mục mẫu mới nào mà bạn tạo:

  • startpage.pstpl: Tạo phần đầu của mỗi trang html. Nó bắt đầu ở "<head> " thẻ và không được chứa thẻ "<html> " thẻ. 'Phần đầu' này của một trang html chuẩn được viết bằng các tập lệnh. Hãy đảm bảo rằng các tệp startpage.pstpl của bạn chứa một<body> nhãn. Mặc dù nhiều trình duyệt không yêu cầu tuân thủ nghiêm ngặt các tiêu chuẩn HTML W3, tập lệnh LimeSurvey cần tìm thẻ để chạy các phần tử javascript nhất định. Việc thấy nhiều “từ khóa” được sử dụng trong tệp startpage.pstpl là điều không phổ biến. Tuy nhiên, bạn có thể muốn đặt {SURVEYNAME} vào tiêu đề. Tệp startpage.pstpl có thể chứa mã kết thúc bằng tệp endpage.pstpl tương ứng. Ví dụ: bạn có thể bắt đầu một bảng trong tệp này và đóng bảng trong tệp endpage.pstpl. Các tệp startpage.pstpl và endpage.pstpl bao quanh mọi trang có thể được LimeSurvey sử dụng.
  • survey.pstpl: Mẫu này là mẫu thứ hai được sử dụng trên hầu hết các trang và cung cấp khoảng trống để đặt tên khảo sát và mô tả. Bản mẫu này không có mẫu 'đóng' tương ứng và sau đó bạn nên đóng tất cả các thẻ được mở trong tệp mẫu này (tức là: không để bảng mở ở đây vì không còn nơi nào khác để đóng nó).
  • ' welcome.pstpl:' Mẫu này chỉ được sử dụng trong màn hình chào mừng (cũng có trên trang chính dành cho các cuộc khảo sát 'tất cả trong một'). Bạn có thể sử dụng tính năng này để in văn bản chào mừng và các thông tin khác cần được cung cấp trong phần giới thiệu. Giống như tệp 'survey.pstpl', không có mẫu 'đóng' tương ứng, vì vậy tất cả các thẻ được mở trong tệp mẫu này cũng phải được đóng lại.
  • startgroup.pstpl: Bản mẫu này có thể cung cấp một bản 'tóm tắt' dành cho các câu hỏi trong một nhóm. Nó có một mẫu 'endgroup.pstpl' phù hợp có thể được sử dụng để đóng bất kỳ thẻ đã mở nào trong tệp này, vì vậy bạn có thể mở một bảng trong này.
  • groupdescription.pstpl: Tệp mẫu này là được sử dụng để hiển thị mô tả của một nhóm. Xin lưu ý rằng trong cài đặt khảo sát (truy cập Cài đặt trình bày và điều hướng bằng cách nhấp vào tab Trình bày), bạn có thể đặt xem mô tả nhóm có được hiển thị hay không. Nếu không, thì tệp này hoàn toàn không được đưa vào.
  • question.pstpl: Tệp này chứa các phần văn bản câu hỏi, câu trả lời và trợ giúp trong khảo sát của bạn. Trong các khảo sát "theo nhóm" và "tất cả trong một", mẫu này được lặp đi lặp lại với mỗi câu hỏi. Không có tệp đóng tương ứng cho tệp này và tất cả các thẻ phải được đóng.
  • question_start.pstpl: Tệp này chứa các thành phần riêng lẻ được tìm thấy ở đầu câu hỏi. Nó được bao gồm trong 'question.pstpl' thông qua từ khóa {QUESTION}. Nó nhằm mục đích cho phép người thiết kế mẫu kiểm soát nhiều hơn bố cục của câu hỏi. Mẫu này nằm ngoài hệ thống tạo khuôn mẫu thông thường và đã được thay thế (kể từ LimeSurvey 1.87). Tất cả từ khóa từ mẫu này hiện có sẵn trực tiếp trong question.pstpl.
  • completed.pstpl: Trang này được hiển thị dưới dạng trang cuối cùng khi các câu trả lời khảo sát đã được lưu và cuộc khảo sát kết thúc. Nó có thể được sử dụng để hiển thị "liên kết chuyển tiếp" như được đặt trong thiết lập khảo sát.
  • endgroup.pstpl: Tệp này đóng nhóm và có thể được sử dụng để đóng bất kỳ thẻ nào được mở trong startgroup.pstpl file
  • navigator.pstpl: Tệp này chứa các nút điều hướng qua khảo sát, "tiếp theo", "trước", "cuối cùng", "gửi", "lưu cho đến nay" và liên kết "xóa tất cả". Nó được sử dụng trong tất cả các trang ngoại trừ trang đã hoàn thành.
  • printanswers.pstpl: Tệp này có trình bao bọc HTML cần thiết cho phiên bản in của cuộc khảo sát.
  • print_group.pstpl : Tệp này giống với startgroup.pstpl và endgroup.pstpl, nhưng dành cho phiên bản in của khảo sát.
  • print_question.pstpl: Tệp này giống với question.pstpl , nhưng dành cho phiên bản in của khảo sát.
  • print_survey.pstpl: Tệp này giống với Survey.pstpl, nhưng dành cho phiên bản in của khảo sát.

CSS và Javascript

Hai tệp luôn được sử dụng trong một mẫu là template.css (cho CSS) và template.js (cho Javascript).

  • {TEMPLATECSS}: Thêm dòng cho css mặc định, template.css, và template-rtl.css cho ngôn ngữ rtl.
  • {TEMPLATEJS}: Thêm dòng cho tệp javascript mặc định, template.js và tất cả các tệp js cần thiết cho LimeSurvey.

Sử dụng Bootstrap

LimeSurvey đã nhúng Bootstrap 3, vì vậy bạn có thể tạo kiểu cho tất cả các mẫu của mình bằng các lớp Bootstrap được ghi chép đầy đủ. 

Để biết thêm thông tin, vui lòng tham khảo Bootstrap tài liệu.

Plugin Awesome-Bootstrap-Checkbox cũng được bao gồm. Với nó, bạn có thể sử dụng các lớp màu Bootstrap điển hình (thông tin, cảnh báo, nguy hiểm, v.v.) cũng với hậu tố "-checkbox" hoặc "-radio", mặc dù tạo kiểu cho các hộp kiểm và radio tùy thích.

Thay thế CSS hoặc Javascript mặc định

Một số câu hỏi sử dụng các tệp cụ thể cho Javascript hoặc CSS. Nếu bạn cần thay thế một chức năng, hãy sử dụng hệ thống xếp tầng. Đối với hàm javascript, hàm đọc cuối cùng là hàm được sử dụng.

Các tệp mẫu khác

privacy.pstpl, invitationemail.pstpl, reminderemail.pstpl và confirmationemail.pstpl không còn được LimeSurvey sử dụng nữa và các giá trị mặc định là thay vào đó hãy đặt trong các tệp ngôn ngữ áp dụng. Giờ đây, các email có thể được chỉnh sửa trên cơ sở khảo sát theo khảo sát.

Trang chuẩn

Có mười trang tiêu chuẩn mà người tham gia khảo sát có thể nhìn thấy trong quá trình sử dụng hoặc truy cập ứng dụng LimeSurvey. Mỗi tệp được tạo từ một số tệp Mẫu phổ biến từ Mẫu được chỉ định trong cài đặt khảo sát. Bảng bên dưới cho biết tệp mẫu nào được sử dụng để xây dựng từng trang này.

Trang khảo sát/
Tệp mẫu		 Khảo sát
Danh sách		 Chào mừng Câu hỏi Đã hoàn thành Xóa tất cả Đăng ký Tải Lưu In
Câu trả lời		 In
Survey
SurveyList
Chào mừng
Quyền riêng tư
Navigator
Khảo sát
StartGroup
GroupDescription
Câu hỏi *
EndGroup
Đánh giá
Đã hoàn thành
ClearAll
Đăng ký
Tải
Lưu
PrintAnswers
In khảo sát
Nhóm in
In câu hỏi
StartPage
Trang cuối
Bản mẫu.css

* LƯU Ý: Trong phiên bản 1.90+, phiên bản này thay thế question.pstpl VÀ question_start.pstpl. Nếu bạn đang sử dụng mẫu tùy chỉnh cũ, bạn cần thêm dòng sau vào đầu question.pstpl: 

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

Và sau đó thêm thẻ đóng tương ứng vào cuối question.pstpl:

</div>

* LƯU Ý: Trong phiên bản 1.91 trở về trước, các tệp js LimeSurvey không được đưa vào mẫu. Trong phiên bản 2, bạn phải sử dụng {TEMPLATEJS} trong một trong các tệp mẫu của mình để thêm liên kết vào tệp js. Bạn có thể thêm nó vào startpage.pstpl hoặc endpage.pstpl. Bạn có thể xóa dòng {TEMPLATEURL}/template.js và thay thế bằng {TEMPLATEJS} để cập nhật mẫu cá nhân.

Phần kiểm soát tập tin

Trong cửa sổ "kiểm soát tệp" ở bên trái, bạn có thể nhấp vào một trong các tệp mẫu được sử dụng để biên dịch trang. Bạn có thể xem các tệp Phần màn hình, JavaScript và CSS. Mã HTML cho tệp đó sau đó sẽ xuất hiện trong cửa sổ "Đang chỉnh sửa" ở giữa. Nếu mẫu có thể chỉnh sửa được (được xác định bởi quyền của thư mục), thì bạn có thể thực hiện bất kỳ thay đổi nào và lưu chúng.

File:File Control Software.png


Cửa sổ "Tệp khác" hiển thị danh sách tất cả các tệp khác từ thư mục mẫu. Bạn có thể sử dụng phía bên phải để tải lên và chọn các tệp hình ảnh (ảnh, logo, ...) hoặc các tệp khác cần thiết để tạo mẫu của bạn.


Thay vì sử dụng liên kết cho mỗi ảnh, hãy sử dụng chuỗi trường {TEMPLATEURL}. Vì vậy, thay vì: 

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

Bạn có thể sử dụng (New in 2.50 ): 

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

Trong các phiên bản LimeSurvey trước 2.50, hãy sử dụng: 

 img src='{TEMPLATEURL}mypicture.jpg'

Một "mẫu" của trang mẫu bạn đang chỉnh sửa sẽ hiển thị ở cuối màn hình. Không có cách nào để xóa mẫu khỏi trình chỉnh sửa mẫu. Điều này phải được thực hiện bằng cách truy cập vào thư mục cơ bản và xóa các tệp từ đó theo cách thủ công. Bạn cũng có thể chọn các độ phân giải màn hình khác nhau để đánh giá tốt hơn cảm giác và giao diện của mẫu.

Lưu ý: Không thể chỉnh sửa các mẫu đã gửi bằng trình chỉnh sửa mẫu. Nếu bạn muốn sửa đổi chúng, trước tiên hãy tạo một bản sao và chỉnh sửa bản sao đó.

Vị trí tệp mẫu

LimeSurvey lưu trữ từng mẫu 'tiêu chuẩn' trong thư mục con riêng biệt của chúng trong thư mục /templates được lưu giữ trong thư mục công khai cùng với các tệp công khai LimeSurvey khác. Các mẫu người dùng tùy chỉnh được lưu trữ trong thư mục /upload/templates.

LUÔN phải là thư mục "mặc định" trong thư mục mẫu. Mẫu này được sử dụng theo mặc định và làm dự phòng nếu thư mục mẫu không tồn tại hoặc không thể tìm thấy. Nó được cài đặt theo mặc định.

Bạn có thể sử dụng bất kỳ tệp hình ảnh nào mà bạn tải lên khu vực quản lý mẫu với sự trợ giúp của cú pháp sau: 

{TEMPLATEURL}tên tệp.xyz

Tạo kiểu câu hỏi bằng CSS

Việc tạo kiểu câu hỏi trong CSS đã trở nên dễ dàng hơn nhiều. Mỗi loại câu hỏi bây giờ có một lớp duy nhất. Các câu hỏi bắt buộc có thêm một lớp bắt buộc. Ví dụ: đối với câu hỏi không bắt buộc: 

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

và nếu câu hỏi là bắt buộc: 

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

và nếu câu hỏi là bắt buộc nhưng người dùng không trả lời hoặc nếu câu hỏi đó được xác thực: 

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

và nếu câu hỏi đã được áp dụng xác thực nhưng người dùng chưa trả lời đúng: 

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

Các lớp học chung cho phần câu hỏi

Các lớp này được sử dụng cho từng loại câu hỏi. Một số loại câu hỏi chỉ sử dụng một hoặc hai lớp, trong khi những loại khác có thể sử dụng nhiều lớp hơn.

Các lớp toàn cầu
Tên lớp Phần Loại câu hỏi Ví dụ Lưu ý
.câu hỏi (Obsolete since 3.0) Tất cả khối câu hỏi Tất cả loại câu hỏi

,

    ,
    .ls-câu trả lời (New in 3.0 ) Tất cả khối câu hỏi Tất cả loại câu hỏi
    ,
      , <table class="ls-answers"
    .subquestions-list Danh sách câu hỏi phụ Câu hỏi trắc nghiệm, kiểu câu hỏi mảng
      ,
      .questions-list cũng được sử dụng
      .answers-list Danh sách câu trả lời Câu hỏi một lựa chọn, câu hỏi mảng, câu hỏi văn bản nhiều đầu vào
        ,
        .answer-item Phần trả lời: một câu trả lời Câu hỏi một lựa chọn, câu hỏi mảng, câu hỏi văn bản nhiều đầu vào
      • ,
        • .noanswer-item Phần trả lời là không có câu trả lời Câu hỏi một lựa chọn, kiểu câu hỏi mảng
      • ,
        		• Không có câu trả lời nào cũng là một câu trả lời, sau đó có hai lớp noanswer-item và Answer-item
        .question-item Phần câu hỏi: một câu hỏi Câu hỏi đa văn bản, kiểu câu hỏi mảng
      • ,
        • Một số câu trả lời cũng là câu hỏi. Sau đó chúng ta có rất nhiều class="question-item Answer-item"
        .button-list Danh sách nút Có không và câu hỏi về giới tính <ul class="button-list"
        .button-item Phần trả lời bằng một nút bấm Có không và câu hỏi về giới tính
        • .checkbox-list Danh sách hộp kiểm Câu hỏi trắc nghiệm, số mảng (hộp kiểm) loại câu hỏi
          ,
        Một số loại câu hỏi sử dụng lớp nhiều danh sách, như hộp kiểm có nhận xét: class="checkbox-list text-list"
        .checkbox-array (New in 3.0 ) Một mảng hộp kiểm Mảng (số) với tùy chọn hộp kiểm
        .checkbox-item Phần trả lời có dấu tích Câu hỏi trắc nghiệm, số mảng (hộp kiểm) loại câu hỏi
      • ,
        • .radio-list Danh sách các mục radio Câu hỏi một lựa chọn, loại câu hỏi mảng (mỗi hàng)
          ,
        .radio-array (New in 3.0 ) Một loạt các mục radio Kiểu câu hỏi mảng
        .radio-item Phần trả lời có radio Câu hỏi một lựa chọn, kiểu câu hỏi mảng
      • ,
        		•
        .text-list Danh sách văn bản được nhập Loại câu hỏi đa văn bản, mảng văn bản
          ,
        .text-item Phần trả lời của kiểu nhập văn bản Loại câu hỏi đa văn bản, mảng văn bản
      • ,
        		•
        .danh sách số Danh sách nhập văn bản chỉ có câu trả lời bằng số Kiểu câu hỏi nhiều số, mảng số
          ,
        .danh sách số Danh sách nhập văn bản chỉ có câu trả lời bằng số (mỗi hàng) Kiểu câu hỏi nhiều số, mảng số
          ,
        .number-mảng (New in 3.0 ) Phần trả lời của một số đầu vào Mảng số
        .select-list (Obsolete since 2.50) Danh sách select Số mảng, mảng tỷ lệ kép (chọn)
        .dropdown-list (New in 2.50 ) Danh sách select Số mảng, Mảng tỷ lệ kép (chọn) (mỗi hàng)
        .dropdown-array (New in 3.0 ) Một mảng thả xuống Số mảng, mảng tỷ lệ kép (chọn)
        .select-item (Obsolete since 2.50) Phần trả lời của một select Số mảng, mảng tỷ lệ kép (chọn), lựa chọn duy nhất với select

        ,

        .dropdown-item (New in 2.50 ) Phần trả lời của một select Số mảng, mảng tỷ lệ kép (chọn), lựa chọn duy nhất với select

        ,

        .hide (Obsolete since 3.0) Được sử dụng cho khả năng truy cập: ẩn bằng css nhưng được đọc bằng trình đọc màn hình, kể từ 2.50: bạn chỉ có thể sử dụng sr từ bootstrap Câu hỏi văn bản ngắn <nhãn lớp="ẩn" Có thể được sử dụng cho các mục đích khác
        .ls-js-hidden (New in 3.0 ) Được sử dụng để ẩn một phần nếu kích hoạt javascript Nút chẳng hạn
        		Lõi LimeSurvey đã sử dụng nó, nhưng bạn cũng có thể sử dụng nó trong mẫu của mình
        .ls-js-hidden-sr (New in 3.0 ) Được sử dụng cho khả năng truy cập: ẩn nó nếu js được kích hoạt, nhưng luôn hiển thị nếu người dùng sử dụng trình đọc màn hình Nút chẳng hạn <a class="ls-js-hidden-sr"> Nút
        .ls-no-js-hidden (New in 3.0 ) Được sử dụng để ẩn một phần nếu javascript không được kích hoạt Liên kết <a class="ls-no-js-hidden"> Lõi LimeSurvey đã sử dụng nó cho liên kết không hoạt động nếu javascript không được kích hoạt
        .ls-label-xs-visibility (New in 3.0 ) Nhãn sẽ được ẩn trong màn hình lớn, nhưng hiển thị với màn hình nhỏ (không có thêm bảng) và trình đọc màn hình nhãn <label class="ls-no-js-hidden"> Được sử dụng cho nhãn bên trong ô bảng của loại câu hỏi mảng
        .ls-input-group-extra (New in 3.0 ) Cách sử dụng tương tự của boostrap input-group-addon, nhưng không có đường viền và nền. hậu tố bên phải
        		Được sử dụng cho hậu tố phải và trái (toàn cầu)
        .checkbox (Obsolete since 3.0) đầu vào[loại=hộp kiểm] Câu hỏi có hộp kiểm <input type="checkbox" class="checkbox"> Với trình duyệt hiện đại: không cần thiết, nhưng một số trình duyệt cũ cần điều này
        .radio (Obsolete since 3.0) đầu vào[type=radio] Câu hỏi với đài <input type="radio" class="radio"> Với trình duyệt hiện đại: không cần thiết, nhưng một số trình duyệt cũ cần điều này
        .text đầu vào[loại=văn bản] Câu hỏi có văn bản đầu vào hoặc vùng văn bản <textarea class="text">
        .answertext Kiểu câu hỏi mảng Trả lời một phần kiểu câu hỏi mảng
        .col-câu trả lời Kiểu câu hỏi mảng Cột đáp án <col class="col-answers">
        .odd .even (Obsolete since 2.50) Kiểu câu hỏi mảng Thay thế cho cột <col class="odd"
        .array1 .array2 (Obsolete since 3.0) Kiểu câu hỏi mảng Thay thế cho dòng <tr class="array1"
        .ls-odd .ls-even (New in 3.0 ) Kiểu câu hỏi mảng Luân phiên cho câu hỏi phụ và trục Y

        Một số ví dụ về phần câu hỏi với các lớp

        Loại câu hỏi ngắn gọn:
        <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>
        Nhiều văn bản ngắn
        <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>
        Loại câu hỏi mảng
        <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>

        Danh sách đầy đủ các lớp câu hỏi

        Loại câu hỏi 'Lớp câu hỏi 'ID câu hỏi
        5 điểm lựa chọn .choice -5-pt-radio 5
        Array (lựa chọn 10 điểm) .array-10-pt B
        Array (lựa chọn 5 điểm) .array-5-pt A
        Array (Nhãn linh hoạt) tỷ lệ kép .array-flexible-duel-scale 1
        Array (Tăng, Tương tự, Giảm) .array-increase-same-decrease E
        Array (Đa linh hoạt) (Số) .array-multi-flexi :
        Array (Đa linh hoạt) (Văn bản) .array-multi-flexi-text ;
        Array (Có/Không/Không chắc chắn) .array- có-không chắc chắn-không C
        Array (nhãn linh hoạt) .array-flexible-row F
        |.array-flexible-column H
        Câu hỏi soạn sẵn .boilerplate X
        Date .date D
        Phương trình .phương trình *
        Giới tính .gender G
        Văn bản miễn phí lớn .văn bản-huge U
        Chuyển đổi ngôn ngữ .ngôn ngữ I
        Danh sách (thả xuống) .danh sách thả xuống !
        Danh sách (radio) .list-radio L
        Danh sách có bình luận .list-with-comment O
        Văn bản dài . text-long T
        Nhiều đầu vào số .numeric-multi K
        Nhiều tùy chọn .multiple-opt M
        Nhiều tùy chọn với nhận xét .multiple-opt-comments P
        Nhiều văn bản ngắn .multiple-short-txt Q
        Đầu vào số .numeric N
        Xếp hạng .ranking R
        Văn bản ngắn miễn phí .text-short S
        Có/Không .có-không Y

        Danh sách đầy đủ các lớp xác thực

        Lưu ý: Trước phiên bản 1.92, chỉ có các lớp .mandatory và .input-error mới có sẵn.

        Những điều này áp dụng cho thông báo mẹo trợ giúp và/hoặc xác thực để mỗi loại có thể được tạo kiểu riêng.

        Tùy chọn .hide-tip và tùy chọn .input-error tương tác theo mặc định để bạn có thể ẩn các mẹo xác thực. Tuy nhiên, chúng xuất hiện khi có lỗi xác thực và biến mất trở lại khi các lỗi đó được khắc phục.

        Tất cả những điều này được thiết kế để loại bỏ sự cần thiết của các thông báo cảnh báo bật lên. Thay vào đó, các mẹo có thể xuất hiện/biến mất khi cần thiết và được mã hóa màu để cho biết liệu các câu trả lời có vượt qua tiêu chí xác thực hay không.

        Hơn nữa, khi bạn truy cập lần đầu vào một trang có tiêu chí xác thực chưa được đáp ứng, bạn có thể mã màu cho các mẹo bằng màu dễ chịu để hiển thị tiêu chí xác thực nào chưa được đáp ứng; sau đó hiển thị lại trang bằng màu đậm hơn nếu người đó gửi trang có lỗi xác thực kéo dài.

        Purpose Lớp CSS Mô tả
        Bắt buộc .bắt buộc câu hỏi là bắt buộc
        Lỗi nhập của người dùng .input-error câu hỏi có ít nhất một lỗi xác thực
        Ẩn mẹo .hide-tip đã thêm nếu bạn sử dụng tùy chọn Hide_tip
        loại mặc định .em_default cho bộ mẹo mặc định ( giá trị số, v.v ...)
        Số câu trả lời .em_num_answers dành cho min_answers và max_answers
        Phạm vi giá trị .em_value_range cho min/max_num_value_n và multiflexible_min/max
        Phạm vi tổng .em_sum_range cho min/ max/equals_num_value
        Xác thực Regex .em_regex_validation để xác thực biểu thức chính quy của câu hỏi
        Hàm xác thực cấp độ câu hỏi .em_q_fn_validation cho tùy chọn em_validation_q
        Hàm xác thực cấp câu hỏi con .em_sq_fn_validation cho tùy chọn em_validation_sq
        Nhận xét khác bắt buộc .em_other_comment_mandatory cho tùy chọn other_comment_mandatory - hiển thị khi "other" được chọn nhưng thiếu nhận xét liên quan.

        Nhập kiểu vào mẫu tùy chỉnh của bạn

        Các kiểu câu hỏi tùy chỉnh nằm ở gần cuối tệp CSS của mỗi mẫu và bắt đầu bằng:
         /* -------------------------- BẮT ĐẦU: Kiểu câu hỏi ----------------- ------------- */

        Nếu bạn đang tạo kiểu cho mẫu tùy chỉnh của riêng mình, bạn sẽ có thể sao chép mọi thứ sau mẫu trên từ templates/default/template.css (đối với bố cục dựa trên bảng) hoặc /templates/limespired/template. css (dành cho bố cục dựa trên CSS) vào biểu định kiểu của riêng bạn mà không có bất kỳ tác động nào đến các kiểu khác của bạn.

        Bảng định kiểu có điều kiện của Internet Explorer

        Do sự khác biệt rõ rệt trong kết xuất giữa IE6 & IE7 và các trình duyệt khác, nên có các biểu định kiểu có điều kiện đặc biệt của IE được bao gồm cho mỗi mẫu. 

         <!--[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]-->

        Bạn nên bao gồm mã ở trên trong startpage.pstpl của mình và các bản sao của cả hai biểu định kiểu IE từ /templates/default/ hoặc /templates/limespired cho bố cục cơ sở của Bảng và Bố cục dựa trên CSS tương ứng.

        Lưu ý: Nếu bạn sao chép các kiểu vào biểu định kiểu của riêng mình, bạn gần như chắc chắn sẽ cần phải chỉnh sửa chúng.

        Giải pháp thay thế cho internet explorer

        Bạn có thể đặt một lớp có điều kiện cho nội dung trong startpage.pstpl và sử dụng lớp này trong template.css của mình. Phương pháp này được sử dụng trong mẫu citronade (Obsolete since 2.06). Thêm lớp js/no-js để có hệ thống 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>

        Và trong template.css sử dụng: 

        .ie6{/*dành riêng cho internet explorer 6*/}
.ielt8{/*dành riêng cho internet explorer 6 và 7*/}
.ie{/*dành riêng cho tất cả internet explorer */}

        Ngôn ngữ từ phải sang trái (RTL) và căn đều

        Trình soạn thảo văn bản trong LimeSurvey có thể định dạng văn bản RTL. Tuy nhiên, bản thân trình soạn thảo hiển thị ngôn ngữ RTL ở định dạng từ trái sang phải khi căn đều. Đây chỉ là sự cố hiển thị trình soạn thảo. RTL và câu hỏi hoặc văn bản căn đều sẽ hiển thị chính xác từ phải sang trái, ngay cả khi căn đều, trong khảo sát của bạn hoặc khi xem trước.

        Từ khóa

        Template:Không dùng nữa

        Từ khóa trong tệp mẫu sẽ được thay thế bằng thông tin khảo sát hiện tại. Chúng được bao quanh bởi dấu ngoặc nhọn, ví dụ: {SURVEYNAME}.

        Các chuỗi sau sẽ được LimeSurvey thay thế khi phân tích tệp mẫu và hiển thị cho người dùng khảo sát. Các chuỗi trường này sẽ hoạt động trên hầu hết mọi mẫu ngoại trừ 'Trang đã hoàn thành'. (Hầu hết các chuỗi này có thể được tìm thấy trong tệp common.php. Nếu không có, hãy tìm trong tệp index.php.)

        Từ khóa Tệp mẫu Mô tả
        {SURVEYNAME} Tất cả Tệp Tiêu đề khảo sát
        {SURVEYDESCRIPTION} Tất cả các tệp Mô tả khảo sát
        {WELCOME} Tất cả các tệp (chủ yếu dành cho Welcome.pstpl) Văn bản 'chào mừng' khảo sát
        {PERCENTCOMPLETE} survey.pstpl Một biểu đồ nhỏ hiển thị phần trăm khảo sát đã hoàn thành
        |startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl Hiển thị tên nhóm hiện tại
        {GROUPDESCRIPTION} startgroup.pstpl, groupdescription.pstpl, endgroup.pstpl Hiển thị nhóm hiện tại description
        {NUMBEROFQUESTIONS} welcome.pstpl Hiển thị tổng số câu hỏi trong khảo sát (chỉ là số)
        {THEREAREXQUESTIONS} Chào mừng. pstpl Hiển thị câu "Có X câu hỏi trong khảo sát này" - từ tệp ngôn ngữ liên quan. X được thay thế bằng số lượng câu hỏi. Lưu ý rằng điều này cũng sẽ phù hợp với số ít hoặc số nhiều. Nếu chỉ có 1 câu hỏi, nó sẽ in ra "Có 1 câu hỏi trong khảo sát này".
        {CHECKJAVASCRIPT} Tất cả các tệp (chủ yếu dành cho Welcome.pstpl) Thông báo cảnh báo khi kết thúc- trình duyệt của người dùng đã tắt javascript
        {QUESTION} Question.pstpl - {ANSWER} question.pstpl, print_question.pstpl trình bày mẫu câu trả lời cho câu hỏi hiện tại
        {SGQ} question.pstpl, nội dung câu hỏi Có thể được sử dụng trong chính văn bản câu hỏi để tham chiếu động trường đầu vào của câu hỏi bằng cách hiển thị id Câu hỏi-Nhóm khảo sát cho câu hỏi hiện tại. (kể từ svn build 9755)
        {QUESTIONHELP} question.pstpl, print_question.pstpl Hiển thị văn bản trợ giúp (mẹo được xác định trước cho loại câu hỏi) cho câu hỏi hiện tại
        {QUESTION_CLASS} question.pstpl, print_question.pstpl lớp duy nhất cho từng loại câu hỏi. (Để được đưa vào thẻ gói của câu hỏi.)
        {QUESTION_CODE} question.pstpl, print_question.pstpl Hiển thị mã câu hỏi hiện tại
        {QUESTION_ESSENTIALS } question.pstpl ID câu hỏi và (nếu câu hỏi có điều kiện), 'style="display:none;"'. (Để được đưa vào thẻ gói của câu hỏi.)
        {QUESTION_HELP} question.pstp, question_start.pstpl Hiển thị văn bản trợ giúp do người dùng xác định cho câu hỏi hiện tại
        {QUESTION_TYPE_HELP} print_question.pstp Hiển thị văn bản trợ giúp do người dùng xác định cho câu hỏi hiện tại
        {QUESTION_INPUT_ERROR_CLASS} question.pstp, question_start.pstpl Cung cấp một lớp nếu đã xảy ra lỗi do người dùng nhập
        {QUESTION_ID} print_question.pstp Cung cấp một ID duy nhất cho mỗi câu hỏi để cho phép tạo kiểu cho các câu hỏi cụ thể
        |question.pstp, print_question.pstp, question_start.pstpl Hiển thị văn bản cho câu hỏi hiện tại
        {QUESTION_MANDATORY} question.pstp, print_question.pstp, question_start.pstpl Hiển thị đã dịch văn bản 'Bắt buộc' cho câu hỏi hiện tại
        {QUESTION_MAN_CLASS} question.pstpl, print_question.pstpl class nếu câu hỏi là bắt buộc. (Để được đưa vào thẻ gói của câu hỏi.)
        {QUESTION_MAN_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Hiển thị văn bản thông báo trợ giúp 'Bắt buộc' đã được dịch cho câu hỏi hiện tại question
        {QUESTION_NUMBER} print_question.pstpl Số lượng câu hỏi tăng dần.
        {QUESTION_VALID_MESSAGE} question.pstp, print_question.pstp, question_start.pstpl Hiển thị văn bản thông báo trợ giúp hợp lệ đã được dịch cho câu hỏi hiện tại
        {QUESTION_SCENARIO} print_question.pstp In văn bản 'kịch bản' cho các câu hỏi có điều kiện.
        {NAVIGATOR} navigator.pstpl Hiển thị các nút điều hướng (tiếp theo, trước, cuối)
        {CLEARALL} Tất cả các tệp (nhưng dành cho navigator.pstpl) Hiển thị Liên kết "Thoát và xóa kết quả"
        {COMPLETED} completed.pstpl - {URL} completed.pstpl Hiển thị 'url' và 'văn bản url'
        {PRIVACYMESSAGE} privacy.pstpl Thông báo về quyền riêng tư được hiển thị nếu bạn đặt khảo sát của mình ở chế độ ẩn danh. Văn bản có thể được chỉnh sửa/dịch trong tệp ngôn ngữ. Điều này cũng có thể được thay đổi theo cách thủ công bằng cách chỉnh sửa mẫu Privacy.pstpl mà bạn muốn sử dụng.
        {TEMPLATEURL} All Files URL tới vị trí mẫu hiện tại (hữu ích để tham chiếu các tệp hình ảnh trong mẫu của bạn)
        {SURVEYRESOURCESURL} Tất cả các tệp URL tới các tệp được tải lên hiện tại cho vị trí khảo sát này (hữu ích để tham khảo các tệp hình ảnh trong câu hỏi, nhóm của bạn, ....)
        {SUBMITCOMPLETE} endpage.pstpl Tuyên bố (từ tệp ngôn ngữ) cho người dùng biết rằng họ đã hoàn thành khảo sát và nhấn nút "Gửi"
        {SUBMITREVIEW} survey.pstpl Câu lệnh (từ tệp ngôn ngữ) cho người dùng biết rằng họ có thể xem lại/thay đổi câu trả lời họ đã đưa ra bằng cách nhấp vào "<< prev"
        {SAVEDID} Tất cả các tệp Hiển thị 'ID phản hồi' của người dùng
        {QUEXMLPDF} Tất cả các tệp Hiển thị nút để xuất bản PDF queXML của bảng câu hỏi bao gồm các câu trả lời được nhập cho đến thời điểm đã được hoàn thành trong khảo sát.
        {TOKEN:FIRSTNAME} Tất cả các tệp ***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NÀO - trước tiên sẽ được thay thế bằng người dùng tên từ bảng mã thông báo
        {TOKEN:LASTNAME} Tất cả các tệp - {TOKEN:EMAIL} Tất cả các tệp ***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NƠI NÀO - sẽ được thay thế bằng email của người dùng từ bảng mã thông báo***
        {TOKEN:ATTRIBUTE_1} Tất cả các tệp ***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ NÀO - sẽ được thay thế bằng thuộc tính người dùng_1 từ bảng mã thông báo***
        |Tất cả các tệp ***Nếu câu trả lời khảo sát KHÔNG BẤT CỨ LÀ NÀO - sẽ được thay thế bằng thuộc tính người dùng_2 từ bảng mã thông báo***
        {ANSWERSCLEARED} Tốt nhất là trong navigator.pstpl The Tuyên bố "Đã xóa câu trả lời" khỏi tệp ngôn ngữ
        {RESTART} clearall.pstpl URL để bắt đầu lại cuộc khảo sát
        {REGISTERERROR} register.pstpl Hiển thị bất kỳ thông báo lỗi nào trong trang đăng ký (ví dụ: "Bạn phải bao gồm địa chỉ email")
        {REGISTERMESSAGE1} register.pstpl Tuyên bố "Bạn phải đăng ký để hoàn thành khảo sát này" từ các tệp ngôn ngữ
        {REGISTERMESSAGE2} register.pstpl Chi tiết về việc đăng ký từ các tệp ngôn ngữ
        {REGISTERFORM} register.pstpl Hình thức đăng ký thực tế sẽ thay đổi tùy thuộc vào việc các trường thuộc tính_1 và thuộc tính_2 có được đặt hay không.
        {SAVE} Hoạt động phù hợp trên navigator.pstpl Hiển thị 'Lưu câu trả lời của bạn để xa' để đề nghị người dùng lưu và quay lại sau để tiếp tục khảo sát. Nếu tùy chọn Lưu bị vô hiệu hóa trong thuộc tính khảo sát, thẻ sẽ không được hiển thị và bị bỏ qua.
        {LANGUAGECHANGER} survey.pstpl }

        Đầu vào/Nút

        Mỗi loại "đầu vào" trong khảo sát đều được đặt tên lớp riêng để bạn có thể thêm CSS vào tệp "startpage.pstpl" của mình và có một số quyền kiểm soát đối với giao diện của các nút biểu mẫu và thông tin đầu vào. Các tên lớp này như sau:

        • submit (Nút gửi)
        • text (Nhập văn bản - dành cho văn bản, ngày tháng và loại số ngắn miễn phí)
        • answertext (Văn bản của câu trả lời)
        • radio (Nút radio)
        • checkbox (Hộp kiểm)
        • 'select' (Hộp Chọn / Danh sách)
        • textarea (Nhập văn bản lớn - cho văn bản dài miễn phí)
        • clearall ("Thoát và xóa khảo sát " link)
        • rank (Câu hỏi kiểu xếp hạng. Không đặt màu của hộp chọn hoặc hộp văn bản, nhưng nó cho phép thay đổi màu nền, màu văn bản, kích thước, v.v. ., cho phần còn lại của câu hỏi xếp hạng)
        • graph (Bảng biểu đồ "phần trăm hoàn thành")
        • innergraph (Bảng bên trong bảng biểu đồ - đây chứa văn bản 0% và 100%. Sử dụng phần này để thay đổi kích thước của văn bản này)
        • question (Cài đặt chung cho bất kỳ câu hỏi nào được hiển thị trong bảng. Nói chung, bạn nên sử dụng phần này để hãy đảm bảo rằng kích thước và màu phông chữ của chúng giống với kích thước và màu sắc phông chữ mà bạn đã sử dụng ở nơi khác làm mặc định)
        • bắt buộc (Câu hỏi bắt buộc)
        • input-error (Người dùng lỗi đầu vào - nếu người dùng mắc lỗi với một câu hỏi bắt buộc hoặc câu hỏi có xác thực)
        • array1 và array2 (Hai kiểu này được luân chuyển khi trình bày phạm vi của câu trả lời cho một câu hỏi kiểu mảng. Điều này cho phép bạn đặt màu nền xen kẽ cho các loại câu hỏi này. Array1 cũng được sử dụng cho các tiêu đề cột trong các loại câu hỏi này)
        • errormandatory (Đặt màu và kiểu của thông báo lỗi "Câu hỏi này là bắt buộc")
        *warningjs (Đặt màu sắc và kiểu dáng của thông báo cảnh báo được hiển thị nếu trình duyệt của người tham gia đã tắt javascript)

        Ngoài ra còn có một số phần tử có thể được truy cập bằng ID của phần tử đó (#ID trong CSS):

        • surveycontact (Thông báo liên hệ được hiển thị trên trang bắt đầu)
        • tokenmessage (được sử dụng cho các tin nhắn bên trong khảo sát, ví dụ: thông báo lỗi phiên hết hạn)

        Bởi vì bạn có thể chỉnh sửa tất cả các khía cạnh HTML nên không có lý do gì để bao quanh các mẫu của bạn bằng 

        <div class='new_name'></div>

        và sau đó định nghĩa một css cho lớp new_name đó.

        Tạo kiểu cho thanh tiến trình

        Giao diện thanh tiến trình có thể được sửa đổi bằng CSS.

        Để thay đổi màu nền của thanh, hãy thêm nội dung như sau vào cuối tệp custom.css của bạn (ví dụ về chủ đề trái cây): 

        .fruity .progress-bar {
 màu nền: #3300FF;
}

        Để thay đổi màu đường viền của thanh, hãy thêm nội dung như sau vào cuối tệp custom.css của bạn (ví dụ về chủ đề trái cây): 

        .fruity .progress-bar {
 đường viền: 1px liền khối #FF0000;
}

        Các tính năng nâng cao dành cho nhà phát triển

        LimeSurvey đã tích hợp một số bản vá do người dùng tạo cho phép thực hiện một số thay đổi đặc biệt. Những tính năng rất tiên tiến này (nói chung) yêu cầu thay đổi cơ sở mã cơ bản của LimeSurvey và cần được thực hiện cẩn thận để không tạo ra các lỗ hổng bảo mật.

        Hỗ trợ các chức năng Javascript của riêng bạn

        Một số người dùng có thể cần chạy Javascript trên các trang khảo sát, nhưng việc gọi checkconditions() trong phần tử BODY khiến điều đó không thể thực hiện được. Lệnh gọi này đã được thay thế bằng một hàm JavaScript nhỏ trong HEAD để phát hiện sự tồn tại của checkconditions() và template_onload() trước khi gọi chúng. Bằng cách này, tác giả mẫu có thể tạo hàm template_onload() của riêng mình trong HEAD để thay thế hàm mặc định.

        • Tắt bộ lọc XSS - trong Cài đặt chung -> Bảo mật, đặt "Lọc HTML cho XSS" thành Không.
        • Nhập tập lệnh của bạn vào nguồn của câu hỏi hoặc mô tả nhóm.

        Template:Lưu ý


        Mẹo và thủ thuật

        Thành phần ngôn ngữ cụ thể

        Nếu bạn muốn có một câu cụ thể theo ngôn ngữ trong khảo sát, chẳng hạn như trợ giúp ở cuối mỗi trang, bạn có thể thêm tệp .pstl một câu và ẩn câu đó cho ngôn ngữ khác. Nếu ẩn nó trong template.css, chúng ta có thể sử dụng bộ chọn giả :lang, nhưng chúng ta sử dụng một số lớp để tương thích tốt hơn.

        Bên dưới có hai câu trợ giúp bằng tiếng Pháp và tiếng Anh. Đặt cái này trên endpage.pstpl: 

        <div class="fr" lang="fr">Pour de l'aide en direct appelez le 000000</div> 
<div class="en" lang="en"> Để được trợ giúp, vui lòng gọi 000000</div>

        và trong template.css: 

        .lang-fr .en{display:none}
.lang-en .fr{display:none}

        Thay đổi bố cục của trang khảo sát

        Sau khi chỉnh sửa và lưu mẫu, mẫu đó chỉ áp dụng cho trang danh sách khảo sát nếu được chọn từ cài đặt của khảo sát. Để đặt nó làm mẫu mặc định, hãy chuyển đến tab Chung' nằm trong Cài đặt chung của bản cài đặt LimeSurvey của bạn và chọn mẫu mong muốn. Từ thời điểm này trở đi, tất cả các mẫu sử dụng tùy chọn "mặc định" làm mẫu, cộng với những mẫu sắp được tạo mới, sẽ sử dụng mẫu mặc định mới được chọn.

        Để sử dụng mẫu hiện tại của bạn cho trang này, bạn phải thay đổi cài đặt thích hợp từ Cài đặt chung. Trong các phiên bản cũ hơn, thay đổi này có thể được thực hiện bằng cách chỉnh sửa cài đặt $defaulttemplate từ tệp cấu hình: sao chép cài đặt này từ config-defaults.php sang config.php để ghi đè config-defaults.php và chỉnh sửa cài đặt này thành $defaulttemplate = 'yourtemplatename'; .

        Nhập/Xuất mẫu: Người dùng Mac

        Người dùng Mac , xin lưu ý rằng tiện ích lưu trữ mặc định của Mac OSX có thể gặp sự cố với các thư mục zip "được tạo nhanh chóng".

        Một cách giải quyết khác là giải nén unix từ dòng lệnh:

        $ giải nén template.zip -d mẫu

        Lưu trữ: template.zip

        tăng cao: mẫu/trang bắt đầu

        thổi phồng: ...

        Một cách giải quyết khác là sử dụng các tập lệnh trong các bản sao do mac biên dịch.

        Sử dụng cùng một mẫu với các logo khác nhau

        Nếu bạn muốn sử dụng cùng một mẫu cho tất cả các khảo sát và chỉ muốn thay đổi logo cho mỗi khảo sát, bạn có thể sử dụng trình giữ chỗ {SID} trong tệp .pstpl mẫu và từ đó tham khảo các hình ảnh khác nhau: 

        <img src="{TEMPLATEURL}files/logoImage-{SID}.png">

        Hiển thị favicon tùy chỉnh

        Favicon là biểu tượng nhỏ bạn nhìn thấy trên thanh địa chỉ, danh sách dấu trang hoặc tab của trình duyệt. Bạn có thể hiển thị biểu tượng của riêng mình như sau:

        1. Tạo favicon - Bạn có thể sử dụng Google để tìm nhiều trình tạo favicon miễn phí.
        2. Đặt tên cho favicon mới của bạn là "favicon.ico" và đặt nó vào mẫu/tệp của bạn thư mục.
        3. Thêm đoạn mã sau vào startpage.pstpl của bạn trước</head> nhãn.
        <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">

        Giao diện khác nhau cho trang khảo sát-/câu hỏi

        Nếu bạn muốn LimeSurvey thay đổi giao diện của mỗi trang thứ hai (tức là các trang khảo sát chẵn và lẻ), bạn có thể sử dụng lớp .page-odd trong tệp CSS của mình để thay đổi giao diện của các trang lẻ.

        Một ví dụ từ mẫu mặc định của LimeSurvey 1.91+: 

        .page-odd table.question-group {
 màu nền: #D2F2D3;
}

        Nếu bạn không muốn phân biệt các trang chẵn và lẻ, hãy tìm tất cả các phiên bản .page-odd trong template.css và xóa các kiểu đó.

        Tạo đường viền phân cách dọc cho mảng tỷ lệ kép

        Để tạo đường viền phân cách dọc cho mảng tỷ lệ kép, bạn có thể thêm các dòng sau vào tệp template.css của mình. 

        table.question thead td.header_separator,
table.question tbody td.dual_scale_separator
{
 border-right:solid 1px #00A8E1;
}

        header_separator được sử dụng để đánh địa chỉ dấu phân cách cho tiêu đề "td". "dual_scale_separator" được sử dụng để giải quyết cột phân cách trong mảng tỷ lệ kép.

        Thêm logo của riêng bạn vào danh sách khảo sát

        1. Trước tiên hãy mở trình chỉnh sửa chủ đề cho chủ đề bạn muốn sử dụng.
        2. Chúng tôi khuyên bạn nên sử dụng chủ đề trái cây, đây là chủ đề tốt nhất của chúng tôi hiện nay.
        3. Sau đó, hãy mở rộng chủ đề và đặt cho nó một cái tên mà bạn sẽ nhận ra.
        4. Trong chế độ xem sau, bạn có thể tải lên logo bạn muốn sử dụng.
        5. Chọn màn hình soạn thảo `Danh sách khảo sát' trong menu thả xuống Màn hình ở góc trên cùng bên phải.
        6. Sau đó chọn `layout_survey_list.twig' trong menu bên trái.
        7. Trong trình chỉnh sửa, cuộn đến dòng 126 và thay đổi phần được đánh dấu thành tên tệp của hình ảnh bạn đã tải lên chủ đề trước đó.
        8. Lưu tệp của bạn.
        9. Thay đổi chủ đề mặc định thành chủ đề mở rộng của bạn.

        Căn chỉnh logo vào giữa trang khảo sát

        Ví dụ này dành cho mẫu "extends_fruity". Đối với các mẫu khác, CSS yêu cầu có thể khác.

        1. Đăng nhập vào khu vực quản trị LimeSurvey
        2. Duyệt đến trình chỉnh sửa chủ đề: Cấu hình > Chủ đề
        3. Tìm "Chủ đề LimeSurvey Fruity" trong danh sách và nhấp vào " Nút "Trình chỉnh sửa chủ đề"
        4. Nhấp vào "custom.css" trong danh sách tệp ở bên trái, gần cuối trang
        5. Sao chép CSS sau vào tệp đó và nhấn "Lưu thay đổi"
        .navbar-fixed-top > div.navbar-header {
 chiều rộng: 100% !quan trọng;
}

.navbar-fixed-top > div.navbar-header > div {
 chiều rộng: 100% !quan trọng;
}

.navbar-fixed-top > div.navbar-header > div > img {
 lề: 0 tự động 0 tự động !quan trọng;
}


        Chế độ xem câu hỏi tùy chỉnh (New in 3.0 )

        Lưu ý: Đây là một tính năng tạm thời sẽ được thay thế trong tương lai bằng đối tượng câu hỏi (sẽ rất dễ dàng để di chuyển các chế độ xem tùy chỉnh sang đối tượng câu hỏi). Nó bị tắt theo mặc định.

        Kể từ phiên bản 2.5, bạn có thể tạo chế độ xem tùy chỉnh theo mẫu cụ thể cho các câu hỏi và một số thành phần được kết hợp của chúng. Điều này hữu ích nếu bạn muốn sửa đổi bố cục HTML của một loại câu hỏi cụ thể cho một hoặc nhiều khảo sát.

        • Trong application/config/config.php, tìm 'config'=>mảng và thêm dòng này vào mảng: 'allow_templates_to_overwrite_views'=>1
        • Trong /{your_template}/config.xml, đặt "overwrite_question_views" thành true
        • Sao chép application/views/survey/* vào template/{your_view_directory}/survey/
        • Lưu ý rằng bạn chỉ cần sao chép các tệp mà bạn định sửa đổi nhưng cấu trúc tệp phải giữ nguyên như trong ứng dụng/lượt xem/khảo sát/

        Chèn tệp CSS hoặc JavaScript tùy chỉnh cho mẫu

        Kể từ phiên bản 2.50, bạn có thể sử dụng Tệp config.xml để Tự động tải Tệp Plugin.

        • Tải tệp của bạn lên thư mục mẫu /css hoặc /scripts
        • Trong /{your_template}/config.xml, thêm đường dẫn tệp vào<css> hoặc<js> khối, đại loại như thế này:
          <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>

        Định nghĩa lớp (dành cho Nhà phát triển)

        answer-list

        Câu hỏi Loại câu hỏi elements
        mảng/5 điểm Một tr
        arrays/10point B tr
        mảng/mảng F tr
        mảng/cột H tr và col
        arrays/dualscale 1 tr
        mảng/tăngcùnggiảm E tr
        arrays/yesnouncertain C tr
        giới tính G div và ul
        list_with_comment ồ div
        xếp hạng R ul và div
        yesno Y ul và div
        ranking_advanced R ul và div
        listradio L div
        5điểm lựa chọn 5 ul
        trắc nghiệm M div


        radio-list

        Câu hỏi Loại câu hỏi elements
        vâng không Y ul
        giới tính G ul
        arrays/yesnouncertain C tr
        mảng/tăngcùnggiảm E tr
        arrays/dualscale 1 tr
        arrays/5point Một bảng và tr
        arrays/10point B tr
        mảng/mảng F tr
        mảng/cột H col
        listradio L div
        list_with_comment ồ div theo sau là ul

        radio-item

        Câu hỏi Loại câu hỏi yếu tố
        arrays/yesnouncertain C td
        5điểm lựa chọn 5 li
        mảng/10điểm B td
        arrays/5point Một td
        mảng/mảng F td
        mảng/cột H td
        arrays/dualscale 1 td
        mảng/tăngcùnggiảm E td
        giới tính G li
        listradio L li
        yesno Y li
        listradio L li và div
        image_select-listradio L li và div
        list_with_comment 0 li

        list-group

        Câu hỏi Loại câu hỏi elements
        có không Y ul
        5điểm lựa chọn 5 ul
        giới tính G ul
        xếp hạng R ul
        ranking_advanced R ul và div
        question_index_group_buttons div
        question_index_questions_buttons div

        list-group-horizontal

        Câu hỏi Loại câu hỏi elements
        yesno Y ul
        5điểm lựa chọn 5 ul
        giới tính G ul

        list-unstyled

        Câu hỏi Loại câu hỏi elements
        list_with_comment 0 ul
        listradio L ul
        trắc nghiệm M ul
        multiplechoice_with_comments P ul
        nhiều số K ul
        multipleshorttext Q ul
        xếp hạng R ul
        ranking_advanced R ul
        bootstrap_buttons_multi M ul
        image_select-multichoice M ul
        inputondemand/multipleshorttext Q ul
        register_error ul
        register_message ul
        layout_survey_list ul
        load ul
        lưu ul
        captcha ul

        select-list

        Câu hỏi Loại câu hỏi elements
        xếp hạng R ul
        ranking_advanced R ul

        checkbox-item

        Câu hỏi Loại câu hỏi yếu tố
        multiflexi (Số mảng) : td
        nhiều lựa chọn M li
        multiplechoice_with_comments P div
        image_select-listradio L li
        image_select-multichoice M li và div
        navigator span

        checkbox-text-item

        Câu hỏi Loại câu hỏi yếu tố
        multiplechoice_with_comments P li
        trắc nghiệm M li
        image_select-multichoice M li
Retrieved from "http://www.limesurvey.org/manual/index.php?title=Theme_editor/vi&oldid=355403"