User Tools

Site Tools


madlibs

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
madlibs [2025/01/29 20:04] – [Series of Questions] adminmadlibs [2025/01/29 20:16] (current) – [Input Attributes] admin
Line 88: Line 88:
  
 ==== JavaScript Function Call ==== ==== JavaScript Function Call ====
-Add JS to either the Side-by-Side question or the Descriptive Text question containing fill-in fields as follows:+Add JS to either the Side-by-Side question or the Text/Graphic question containing fill-in fields as follows:
 <code> <code>
 Qualtrics.SurveyEngine.addOnReady(function() { Qualtrics.SurveyEngine.addOnReady(function() {
Line 125: Line 125:
 <style>.Skin { ${e://Field/opacity0} }</style> <style>.Skin { ${e://Field/opacity0} }</style>
 </code> </code>
-An embedded data field is used so opacity style does not impact 'View response' or 'Export to PDF'.+An embedded data field is used so opacity style does not impact survey editing. Add the following to a question later in the survey so that 'View response' or 'Export to PDF' are not impacted:<code> 
 +<style>.Skin { opacity:1; }</style> 
 +</code>
  
 === Text Input === === Text Input ===
Line 182: Line 184:
  
 === inputmode === === inputmode ===
-The **inputmode** attribute can be used to specify the type of on-screen keyboard that is shown when a MadLib text input gains focus. For example, inputmode="numeric" can be added to a numeric input field. Valid values are: text, decimal, numeric, tel, search, email, and url. Applies to input elements only.+The **inputmode** attribute can be used to specify the type of on-screen keyboard that is shown when a MadLib text input gains focus. For example, inputmode=%%"numeric"%% can be added to a numeric input field. Valid values are: text, decimal, numeric, tel, search, email, and url. Applies to input elements only.
  
 === maxlength === === maxlength ===
Line 195: Line 197:
 **type=%%"text"%%** may be used for any MadLib input, and should be used for all Madlib inputs except open-end numeric inputs. **type=%%"text"%%** may be used for any MadLib input, and should be used for all Madlib inputs except open-end numeric inputs.
 == number == == number ==
-**type=%%"number"%%** may be used for open-end numeric inputs. type="number" enables number specific behaviors (mouse scroll to increment/decrement, up/down spinner) and attributes (min, max, step)+**type=%%"number"%%** may be used for open-end numeric inputs. type=%%"number"%% enables number specific behaviors (mouse scroll to increment/decrement, up/down spinner) and attributes (min, max, step)
  
 ==== Word Completion ==== ==== Word Completion ====
madlibs.1738199088.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki