SurveyGizmo's CustomScript Action now supports the LUA programming language.
Legacy Custom Scripting Language Deprecation Plans
New accounts (created after October 29, 2018) will only have the option to use Lua in scripts.
As of October 29, 2018 Custom Scripting Actions will default to Lua as the scripting type in the Custom Scripting Action for accounts created before this date. You will be able to switch to the Legacy Custom Scripting; though we highly encourage using Lua.
In the long term, Legacy Custom Scripting Actions will be switched to read-only. Read-only scripts will continue to function; you will just be prevented from editing. The exact date on this is to be determined; we will send notifications well ahead of time.
While SurveyGizmo is one of the most flexible survey tools around, we get requests for customizations that are not available out of the box. This is where JavaScript and Custom Scripting can save the day. If you have scripting chops you can use the JavaScript action or the Custom Scripting action to achieve the survey of your dreams.
If you have a need to alphabetize your answer options, say, for instance, you have a list of states or countries we have a handy feature that allows you to set your answer options to alphabetize. This works to alphabetize answer options in Radio Button, Checkboxes, and Dropdown Menus. Trouble is, if you are providing a translated version of your survey, this won't work for Dropdown Menus.
The following JavaScript code can take a dropdown menu question and automatically sort the options for you in the browser for all translations.
Add a survey with this script and setup to your account.
Some caveats:
Articles ("The", "A", "An") are not ignored.
Not recommended for numbers going higher than 9 since JavaScript sorts character by character (10 is less than 2, for instance)
The Script and Setup
If you have answer options that need to be alphabetized for the survey taker for each translation copy and paste the below JavaScript into a JavaScript action on the same page.
var sortOptions = function (type, className) {
var question = $('.sg-type-' + type + '.' + className);
var option;
var container;
var unsorted = [];
switch (type) {
case 'menu':
option = 'option';
container = 'select';
unsorted = question.find(option).not('[value="NoAnswer"]');
break;
case 'radio':
option = 'li';
container = 'ul';
unsorted = question.find(option + ' label');
break;
case 'checkbox':
option = 'li';
container = 'ul';
unsorted = question.find(option + ' label');
break;
default:
option = 'li';
container = 'ul';
unsorted = question.find(option + ' label');
break;
}
var sortData = [];
var sorted = [];
unsorted.each(function (i) {
sortData.push($(this).text());
});
sortData.sort(function (a, b) {
return a.localeCompare(b);
});
$.each(sortData, function (i, val) {
sorted.push(question.find(option + ':contains("' + val + '")'));
});
$.each(sorted, function (i, val) {
var containerEl = val.parents(container);
val.remove().appendTo(containerEl);
});
}
$(sortOptions('menu', 'sort-menu'));
$(sortOptions('radio', 'sort-radio'));
$(sortOptions('checkbox', 'sort-checkbox'));
You will also need to add a CSS Class Name that correlates with the function call highlighted at the bottom of the script. For instance, in the code above you would need to add a class name sort-menu for a dropdown menu. If you have more than one dropdown menu on the page make sure you have unique class names for each question. You can put in function calls like so:
You can also comment out or remove the function calls at the bottom that don't apply. If you've only have a dropdown menu to alphabetize you can comment out the other functions like the below:
