Table of Contents
matrixProfileTextAbove - Move matrix profile statements above answer choices
The matrixProfileTextAbove moves matrix profile statements above answer choices when in 'desktop' mode. Features:
- Compatible with mobile friendly accordion (NO impact on accordion mode)
- Supports resizing (switching from desktop to mobile mode and vice versa)
- Maintains formatting from your theme (alternate shading, etc.)
- Enables custom formatting of statements using CSS (font size, font style, padding, etc.)
- Compatible with matrixHighlightUnanswered
Example:
This function is available for a reasonable fee. Contact TomG on the Qualtrics Community to learn more.
Set-up Instructions
Add Function To Survey
Add the matrixProfileTextAbove function to the survey header to make it available to any question in the survey. Go to Look & Feel → General → Header edit → and paste the provided matrixProfileTextAbove function JS inside a script tag:
<script>/*Paste matrixProfileTextAbove function JS here*/</script>
Alternatively, paste the matrixProfileTextAbove function JS into a question's JS outside the existing Qualtrics functions to make it available to questions on the page.
JavaScript Function Call
Add JS to call the matrixProfileTextAbove function to apply it to the Matrix Profile question as follows:
Qualtrics.SurveyEngine.addOnload(function() { matrixProfileTextAbove(this); });
Custom CSS
To enable custom formatting, the function adds classes for formatting the statement rows and statement cells.
mpLabelRow Class
The mpLabelRow class can be used to format the statement rows. Example CSS:
.mpLabelRow { /* add CSS styles here */ }
mpLabelCell Class
The mpLabelCell class can be used to format the statement cells. Example CSS:
.mpLabelCell { /* add CSS styles here */ }