Lua Scripting Resources

Important Update to Custom Scripting

SurveyGizmo's CustomScript Action now supports the LUA programming language.


Legacy Custom Scripting Language Deprecation Plans 

  1. New accounts (created after October 29, 2018) will only have the option to use Lua in scripts.
  2. 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.
  3. 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.


 Go to our Legacy Scripting Documentation.

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.


[article("bodfy")]

In this tutorial we'll cover how to display an Other Textbox in a Radio Button or Checkbox question only after the option has been clicked. 

This script is compatible with multiple Other Textboxes in the same question.

See the script in action in an example survey

OR

Add a survey with this script and setup to your account.

The Script

Go to the Style tab and scroll to the bottom of the survey preview to access the link to the HTML/CSS Editor.  Paste the code below at the bottom of your HTML. 

<script type="text/javascript">
    $(function() {
        var $otherLi = $('.sg-other-li');
        $otherLi.find('.sg-other').hide();

        $otherLi.parents('ul').find('li > input').change(function() {
            $option_list = $(this).parents('ul');
            $option_list.children('li.sg-other-li').each(function() {
                if ($(this).children('input').is(':checked')) {
                    $(this).find('.sg-other').show();
                } else {
                    $(this).find('.sg-other').hide();
                }
            })
        })
    });
</script>

Pull up your radio button question. You should only see your other option. Now click on the other option. Upon clicking you should see your other Textbox pop up.