- Customize Question Elements
- Customize Question Elements
- "544fa9e9-80ed-45e0-8796-be0ae2b7f7ec
- You can customize the way questions look in the Player and the Developer by editing the resources.xml and question.css files. This enables you to customize the question default text to match a localized Player or Developer interface. These files are in the Standard template in the Question Templates folder under the System folder.
- The resources.xml file is the language resource file that contains question template specific language elements such as button text, and Question and Response heading text. The question.css file is the style sheet that controls icons and header elements such as background color.
- All customizations to questions must be done in the Standard template in the Question Template folder. These customizations are overwritten when you upgrade your software. It is recommended that you create a copy of the Standard template in the Question Templates folder. This provides a backup so you can restore the original if necessary. When you are done customizing the Standard template, copy and rename the copy. The Standard template is overwritten when you upgrade your software but the copy is preserved so you can reapply your customizations.
- Warning!
- .
- Customize the resources.xml file
- You can customize the text for any of the HTML_strings in the resources.xml file. These changes can appear in both the Developer and the published output depending on the string you modify and the format you publish.
- You can customize the standard question text, such as the OK button or the Question heading text, if your company uses different terminology in questions. Open the resources.xml file in any text editor and edit the appropriate lines. For example, if you want to change the OK button text to YES, find the Html_Response element and change the text from OK to YES as in the following example.
- <Html_OK xml:id="Html_Response">OK</Html_OK>
- The Standard template is located in the System/Question Templates folder in the Library. The resources.xml file is located inside the lang/<language code> folder. The resources.xml file is also located in lang folder for each language in the published output.
- Customize the question.css file
- You can customize the look of the Question header, Response header and Assessment bar of questions in the Player and Developer. You can replace the Question and Response icons, change border and background colors of the headers and the font of the header text by editing the appropriate lines in the question.css file. For example, if you want to increase the font size of the text in the Assessment Bar, find the .AssessmentBar element in the question.css file and change the font from 10px to the desired font.
- The Standard template is located in the System/Question Templates folder in the Library. The question.css file is located at the root of the template package.
- The following elements are fully customizable. Additional elements in the question.css file can be customized for appearance (for example, font) but not for positioning. Only properties that already exist for the element can be customized. No new additional properties can be added.
- Question icon (question_icon.gif): Use this to customize the question icon in the Question header. This graphic is located in the Standard template under the Question Templates folder. You can change the graphic by editing .NewQuestionHeaderIcon in the question.css file.
- 1
- Response icon (response_icon.gif): Use this to customize the response icon in the Response header. This graphic is located in the Standard template under the Question Templates folder. You can change the graphic by editing the graphic name in the .NewQuestionHeaderIcon element in the question.css file.
- 2
- Question Text (#questionlabel): Use this to customize the question text in the Question header. This element is located in question.css.
- 3
- Response Text (#responselabel): Use this to customize the response text in the Response header. This element is located in question.css.
- 4
- Question & Response Header background color (
- 5
- .
- Question Count background color (.AssessmentBar): Use this to customize the background color and border of the Question Count header. This element is located in question.css.
- 6
- OK button text (html_OK): Use this to customize the text on the OK button. This element is located in resources.xml.
- 7
- Do Not Know button text (html_DoNotKnow): Use this to customize the text on the Do Not Know button. This element is located in resources.xml.
- 8
- Continue button (html_Continue): Use this to customize the text on the Continue button. This element is located in resources.xml.
- 9
- Question Table border color: Use this to customize the border color that surrounds the Question Table. This element is located in the resources.xml.
- 10
- Customization of any other files is not supported.
- Warning!