Theme options/vi

LimeSurvey 3 giới thiệu hệ thống công cụ tạo mẫu mới, dựa trên Twig 1.29 và Bootstrap cho phép kế thừa mẫu và các tùy chọn mẫu khác nhau.

Cài đặt Limesurvey 3.0+ để có quyền truy cập vào tính năng tùy chọn chủ đề của khảo sát. Tùy chọn này sẽ không có sẵn trong các phiên bản LimeSurvey cũ hơn!

Giới thiệu

Tùy chọn chủ đề cung cấp một bộ công cụ cho phép quản trị viên khảo sát thay đổi nhanh chóng và dễ dàng cài đặt liên quan đến chủ đề của khảo sát của họ..

Bảng tùy chọn chủ đề

Truy cập tính năng tùy chọn chủ đề từ cài đặt khảo sát:

Thanh công cụ của bảng chứa hai tab: tab tùy chọn đơn giản và tab tùy chọn nâng cao.

Tùy chọn đơn giản

Thông tin sau được hiển thị trên trang tùy chọn Chủ đề:

Template:Thông báo

tab tùy chọn đơn giản' được chọn trước. Bạn có thể thay đổi cài đặt chủ đề khảo sát quan trọng nhất từ đây:

• Kế thừa mọi thứ: Nếu nút có được chọn, tất cả cấu hình chủ đề sẽ được kế thừa từ cấp cấu hình chung. Nếu bạn nhấp vào không và nhấp vào nút Lưu nằm ở phía trên bên phải màn hình, nhiều tùy chọn cấu hình chủ đề sẽ được hiển thị. Mỗi tùy chọn này có thể được đặt thành:
  • kế thừa cấu hình chủ đề của nhóm khảo sát - kế thừa (trừ khi không thay đổi, chủ đề khảo sát của bạn sẽ kế thừa cấu hình chủ đề toàn cầu);
  • không kế thừa bất kỳ tùy chọn toàn cầu nào cấu hình chủ đề - không;
  • hoặc bật cấu hình khác - có. Cài đặt chủ đề có thể được định cấu hình theo ý muốn nếu tùy chọn này được chọn. Bạn có thể nhận thấy rằng mỗi cài đặt chủ đề đều cho phép bạn chọn giá trị kế thừa.

Hệ thống kế thừa được áp dụng ở ba cấp độ:

• ở cấp độ toàn cầu (có thể truy cập từ danh sách mẫu). Hai cấp độ còn lại kế thừa cài đặt chủ đề chung;
• ở cấp nhóm khảo sát (có thể truy cập từ bảng cài đặt khảo sát). Cài đặt chủ đề ở cấp nhóm khảo sát kế thừa cài đặt chủ đề chung;
• ở cấp độ khảo sát. Cài đặt chủ đề khảo sát kế thừa cài đặt chủ đề của nhóm khảo sát.

• Phông chữ chủ đề: Chọn phông chữ bạn muốn sử dụng cho chủ đề của mình;
• Biến thể chủ đề: Chọn một trong các biến thể chủ đề có sẵn từ danh sách thả xuống. Nó thay đổi phông chữ và màu biểu tượng.

Không có quyền thừa kế

Như đã đề cập ở trên, bạn có thể chọn từ menu cài đặt khảo sát không kế thừa cấu hình chủ đề chung. Khi bạn nhấp vào nút Lưu, nhiều tùy chọn hơn sẽ được hiển thị:

To show the power of this feature, the following explanations will be based on the fruity theme. Please note that each theme comes with its own customizable options.

• Ajax mode: If enabled, the survey page will be loaded faster via ajax (recommended for the average LimeSurvey user). If disabled, the page will be loaded via page reload, which is better for debugging purposes;
• Survey container: If yes is selected, the survey will be displayed in a container - its width is limited. This option is useful if your survey participants complete your survey from their mobile phones or tablets because the survey width is controlled. Therefore, it is more comfortable for your respondents because they will not have to scroll right anymore to read the whole question or to see all the answer options. If the survey is embedded in a blog and/or forum, you can also deactivate this option since they already use a certain width.
• Question borders: If enabled, each question will be shown within a border. If set to no, the questions will not be contained in a box (so you can use large array question types that are bigger than the screen width);
• Question shadow: If enabled, a shadow will be displayed around the in(visible) question borders.

---

• Background color: Select the background colour of the whole question, including the answers;
• Font color: Change the font color by selecting from the popup menu the desired color.
• Question background color: Change the question background color by selecting from the popup menu the desired color.
• Check icon: This setting allows you to select the desired check icon when multiple choice question types are employed.

---

• Background image: If set to no, you may select a different background image from the one used within your survey group and/or global theme settings. You may also upload a personalised survey background image by clicking on the upload button located in the bottom of the theme settings panel and selecting the desired image from your computer;
• Brand logo: If set to no, the name of the survey will be shown in the top bar, or, you can select one of the pictures inside the file directory to be used as logo picture.

---

• Animate body: If set to yes, you can choose one of the animations to apply when the "body" of the survey is loaded;
• Animate question: If set to yes, you choose one of the animations to apply to your survey questions when they are loaded.
• Animate alert: If set to yes, your survey alerts (when the survey data is not recorded or the wrong token is typed in) will be animated according to the selected animation option.
• Animate checkbox: If set to yes, anytime you check an answer option, the animation is triggered.
• Animate radio buttons: If set to yes, anytime you select an option from a radio-type question, the animation is triggered.

The library used for animations is animate.css. You can either use the default or add your own animation library.

Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.

---

• Fruity fonts: Select the font you wish to use for your theme;
• Fruity variations:Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.

---

• Upload: Browse your computer to upload an image to be used as logo or background image for your theme. Writing permissions might be requested on the "/themes/survey/fruity/files" folder - the location where the uploaded images will be stored in your LimeSurvey installation.

Advanced options

<translate>

When you open the theme options tab, you can choose to edit either its simple options or its advanced options. “Advanced options” is just a naked form that gives you access to the main theme configuration fields from the database. To understand how it works, you should also read about the XML file and the creation of a theme from scratch. So, it’s rather complex and made for advanced users.

However, if you do wish to perform advanced settings editing, click on the advanced options tab

• Files css: The CSS files that should be added to the template;
• Files js: The JS files that should be added to the template;
• Files Print Css: The CSS files to load when printing a template;
• Options: This field includes the options (and their value) that should be parsed to the template view;
• CssFramework Name: The name of the CSS framework to load. For now, only Bootstrap or nothing;
• Cssframework Css: You can replace the core bootstrap.css in this field by a different custom version of it;
• Cssframework Js: The field core boostrap.js can be replaced from here by a different custom version of it;
• Packages To Load: You can load from this setting some core asset packages from LimeSurvey.

You’ll notice an upload input at the top, which gives you the possibility to upload a file into the file directory of the theme. These parameters can be used to change the entire appearance of the theme.

  Don't touch the values unless you know what you're doing!

</translate>