Disable Fly-In Animations for One-at-a-Time Interaction

Do you like the one-at-a-time interaction but you're not a fan of the fly-in animations that are part of this interaction? Never fear, we've got some CSS Code to disable these animations!

It's as easy as copying and pasting the below CSS code in your theme.

  1. To do so, go to your survey's Style tab and scroll to the bottom of the survey preview to access the link for the HTML/CSS Editor.
  2. The CSS should be pasted in the field on the Custom CSS tab. 

html,body,.sg-int-blurred .sg-question-set > .sg-question,.sg-survey * 
 transition: opacity 0s ease-in-out;
 -moz-transition: opacity 0s ease-in-out;
 -webkit-transition: opacity 0s ease-in-out;
 -moz-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 animation: none !important;
 -webkit-animation: none !important;

.sg-page-rotateSlideOutPrev,.sg-page-rotateSlideOutNext { 
display:none !important;
.sg-page-rotateSlideInPrev,.sg-page-rotateSlideInNext { 
display:none !important;

Scripting and Other Custom Solutions

We’re always happy to help you debug any documented script that is used as is. That said, we do not have the resources to write scripts on demand or to debug a customized script.

If you have customization ideas that you haven't figured out how to tackle, we're happy to be a sounding board for Alchemer features and functionality ideas that might meet your needs. Beyond this, check out our Professional Services; these folks have the scripting chops to help you to achieve what you are looking for!

Basic Standard Market Research HR Professional Full Access Reporting
Free Individual Team & Enterprise
Feature Included In