User Tools

Site Tools


freezetopq

Differences

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

Link to this comparison view

Next revision
Previous revision
freezetopq [2020/10/12 09:20] – created 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) top 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:
  
   * Smooth scrolling   * Smooth scrolling
Line 7: Line 7:
  
 Here is a quick video demonstration:\\ Here is a quick video demonstration:\\
-{{ ::freezetopq_demo.mp4 |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.1602508815.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki