Differences

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

--- formselects [2023/04/19 12:57] – [QuestionText Select HTML] admin
+++ formselects [2025/02/06 11:48] (current) – [Survey Header] admin
@@ Line 8: / Line 8: @@
   * Supports multi-selects
   * Supports back button - even when dynamic options are created
+  * Supports default choices
   * Translation friendly
+  * Supports "New Survey Experience" (aka Simple layout)!
 Here is a quick video demonstration:\\
 {{ ::formSelects.mp4?770 |formSelects Demonstration}}
-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.
+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 =====
 ==== Survey Header ====
@@ Line 21: / Line 23: @@
 <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
 <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
+</code>
+=== Add jQuery (only if using New Survey Experience) ===
+<code>
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js">
 </code>
 === Add formSelects Function ===
@@ Line 55: / Line 61: @@
 ==== Choice Label HTML ====
 === data-select ===
-To convert a field to a select put the choice label inside a ''<span>'' tag with the attribute ''data-select=//classname//'' where classname matches the class of a select tag in the **[[formselects#questiontext_select_html|QuestionText Select HTML]]**. For example:
+To convert a field to a select put the choice label inside a ''<span>'' tag with the attribute ''data-select=//%%"classname"%%//'' where classname matches the class of a select tag in the **[[formselects#questiontext_select_html|QuestionText Select HTML]]**. For example:
 <code>
 <span data-select="states">State</span>