fade in

The fadein tag hides a question widget when the page loads, and fades it in after a period of time. The purpose of this tag is to encourage respondents to read the content of the page prior to answering the question. It is valid on radio, checkbox, pulldown, slider, text, textbox, table, and rank questions.

Syntax

The fadein tag accepts 'y' (yes) and 'n' (no) inputs. Use it with a 'y' input to enable fading in. This tag may be added to setdefaults or a startgroup widget to apply the fade in settings to multiple questions at once.

The fading behavior can be customized with two optional tags:

• fadein_delay — Customize how long to wait before the fade in begins. If undefined, the default value is 1000 ms (one second).
• fadein_duration — Customize how long the fade should take to complete. If undefined, the default duration is 1000 ms.

# basic, 1000 ms for fadein_delay.
fadein: y

# Custom fadein_delay
fadein: y
fadein_delay: number of milliseconds

# Custom fadein_duraction
fadein: y
fadein_duration: number of milliseconds

Examples

For more information on the ap: n tags these examples use, see autopage.

Fade in

This example has the default delay and duration of 1000ms each.

See demo See code Restart demo

Fade in, 3 second delay

This example sets the delay to 3000ms after the page loads, with the default 1000ms duration.

See demo See code Restart demo

Fade in, 5 second duration

This example sets the duration to take 5000ms, with the default 1000ms delay before the fade begins.

See demo See code Restart demo