====== 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|matrixHighlightUnanswered]]**

Example:
;#;
{{ ::matrixprofiletextabove.png?800 |matrixProfileTextAbove Example}}
;#;

This function is available for a reasonable fee. Contact **[[https://community.qualtrics.com/XMcommunity/messages/add/TomG|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 -> {{::icon_source.jpg?20|}} and paste the provided matrixProfileTextAbove function JS inside a script tag:
<code>
<script>/*Paste matrixProfileTextAbove function JS here*/</script>
</code>
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:
<code>
Qualtrics.SurveyEngine.addOnload(function() {
	matrixProfileTextAbove(this);
});
</code>
==== 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:
<code>
.mpLabelRow { /* add CSS styles here */ }
</code>
=== mpLabelCell Class ===
The **mpLabelCell** class can be used to format the statement cells. Example CSS:
<code>
.mpLabelCell { /* add CSS styles here */ }
</code>
====== Qualtrics Wiki ======
[[start|Qualtrics Wiki]]