User Tools

Site Tools


freezetopq

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
freezetopq [2020/10/12 09:24] – adminfreezetopq [2023/09/24 16:56] (current) – [freezeTopQ - Freeze 1st question to top of page on scroll] admin
Line 1: Line 1:
-====== freezeTopQ - Freeze 1st Question to Top of Page on Scroll ======+====== freezeTopQ - Freeze 1st question to top of page on scroll ======
 The **freezeTopQ** function freezes (sticks) the first question on the page (typically a descriptive text question) to the top of the page when the page is scrolled. Functionality includes: The **freezeTopQ** function freezes (sticks) the first question on the page (typically a descriptive text question) to the top of the page when the page is scrolled. Functionality includes:
  
Line 8: Line 8:
 Here is a quick video demonstration:\\ Here is a quick video demonstration:\\
 {{ ::freezetopq_demo.mp4?650 |freezeTopQ Demonstration}} {{ ::freezetopq_demo.mp4?650 |freezeTopQ Demonstration}}
 +
 +This function is available for a reasonable fee. Contact **[[https://community.qualtrics.com/inbox/conversation?with=373|TomG]]** on the Qualtrics Community to learn more.
  
 ===== Set-up Instructions ===== ===== Set-up Instructions =====
Line 16: Line 18:
 <script>/*Paste freezeTopQ function JS here*/</script> <script>/*Paste freezeTopQ function JS here*/</script>
 </code> </code>
 +Alternatively, paste the freezeTopQ function JS into a question's JS __outside__ the existing Qualtrics functions to make it available to questions on the page.
 ==== JavaScript Function Call ==== ==== JavaScript Function Call ====
 Add JS to call the freezeTopQ function to apply it to the first question on a page (the question to be frozen at the top) as follows: Add JS to call the freezeTopQ function to apply it to the first question on a page (the question to be frozen at the top) as follows:
Line 24: Line 27:
 </code> </code>
  
-To adjust top or bottom question padding, specify the desired options in the second function argument as an object. For example:+To adjust top or bottom question padding, specify the desired **[[freezetopq#options|options]]** in the second function argument as an object. For example:
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
Line 39: Line 42:
  
 Default: theme default Default: theme default
 +====== Qualtrics Wiki ======
 +[[start|Qualtrics Wiki]]
freezetopq.1602509082.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki