Developer Documentation Library > Interview templates > UXUI custom properties
 
UXUI custom properties
Use the UXUI custom properties to change the look and feel of a survey. The properties work with the Default templates.
These properties can be defined in any context; by convention, they are defined in the Question context. The context used for the custom properties must be defined in the routing script, for example:
IOM.CustomPropertiesContext = "Question"
“Features” example
For examples of using the properties, see the “Features” example that is in the following folder:
[INSTALL_FOLDER]\IBM\SPSS\DataCollection\7\DDL\Scripts\Interview\Projects\Features
Translating text in the UXUI custom properties
To provide translated versions of text, use a metadata label. The following method can be used to specify translatable text for most properties.
1 Create the resource, typically an info question.
2 Create <span> tags to store the translated text.
A single resource can contain multiple <span> tags.
The spans must be included in a uxui_resource class.
3 In the id attribute, specify a value to refer to the text. The id will be used in the property that specifies the text. The following example defines ‘TopLeftTitle’:
Resource_ExtraTitles "<span class='uxui-resource'><span id='TopLeftTitle'>Top Left Title</span><span id='TopHeading'>Top Heading</span></span>";
4 Add the resource into the question label using the uxui-resource class, for example:
Grid1 "Rate each statement.{#Resource_ExtraTitles.Label}"
5 Set the span id in the custom property instead of a text. In the example, ‘TopLeftTitle’ will be replaced by the value that was specified in Resource_ExtraTitles:
uxui_grid_extra_title = "{ topLeftTitle: { labelId: 'TopLeftTitle', textAlign: 'center' }, topHeading: { labelId: 'TopHeading', textAlign: 'center' } }"
See
uxui_capture_response_order
uxui_category_other_dialog
uxui_grid_col_highlight and uxui_grid_row_highlight
uxui_grid_col_width
uxui_grid_excel and uxui_grid_excel_compute
uxui_grid_extra_title
uxui_grid_remove_title
uxui_list_autocomplete
uxui_list_data_source, uxui_list_data_id, and uxui_list_data_filter
uxui_page_interview_filter
uxui_question_child_container
uxui_question_collapsible
uxui_question_disable_default_style
uxui_question_sameline
uxui_question_tooltip and uxui_question_label_tooltip
uxui_template_name and uxui_template_props
Interview templates