Scroll

Drag and Drop

Drag and Drop

Follow
Summary This article give you access to the Drag and Drop adc 2.0 Javascript control. You also got access to a live example, qex file example and details of the parameters available for this control.
Applies to askiadesign
Written for Scriptwriters and survey authors
Keywords adc; adc2; javascript; jquery; control; design; askiadesign

  • To access to the live survey, click on the picture above.
  • To download the qex file, click here
  • To download the ADC control, click here
  • Version of the adc: 1.0.12

This control is compatible with a single loop question (Grid response block).

Parameters Type Comments and/or possible value

General

 

Stack Responses Boolean  
Automatic Stacking Width String  
Automatically Select Next Response Boolean  
Exclusive Areas String  
Font Size Number In pixels
Control Width Number In percentage
Max Width Number In percentage
Control Alightment   Left, Center, Right'
Animation Speed   Very Fast, Fast, Medium, Slow'

Alignment

 

Response Text Alignment   Left, Center, Right'
Response Image Alignment   Left, Center, Right'
Response Alignment   Left, Center, Right'

Response Layout

 

Response Text Position   Top, Left, Bottom, Right'

Responses Styling

 

Response Width String  
Response Height String  
Response Margin Number In pixels
Response Padding Number In pixels
Response Text Padding Number In pixels
Response Image Padding Number In pixels
Response Text Line Height Number In percentage
Display Response Text Boolean  
Response Colour Primary Colour  
Response Colour Secondary Colour  
Response Font Colour Colour  
Response Border Colour Colour  
Border Radius Number  
Response Border Thickness Number In pixels
Response Border Style   None, Solid, Dashed, Dotted, Double'
Response Drop Shadow Boolean  
Show Response Hover Colour Boolean  
Response Hover Colour Primary Colour  
Response Hover Colour Secondary Colour  
Show Response Hover Font Colour Colour  
Response Hover Font Colour Colour  
Show Response Hover Border Boolean  
Response Hover Border Colour Colour  
Response Hover Border Thickness Number In pixels
Response Hover Border Style   None, Solid, Dashed, Dotted, Double'
Response Hover Drop Shadow Boolean  
Selected Response Colour Primary Colour  
Selected Response Colour Secondary Colour  
Selected Response Font Colour Colour  
Selected Response Border Colour Colour  
Selected Response Border Thickness Number In pixels
Selected Response Border Style   None, Solid, Dashed, Dotted, Double'
Selected Response Drop Shadow Boolean  

Drop Area

 

Drop Area Position   Right, Left, Top, Bottom'
Drop Area Container Width Number In pixels
Drop Area Width Number In pixels
Drop Area Height Number In pixels
Drop Area Alignment   Left, Right, Center'
Drop Area Font Size Number In pixels
Drop Area Font Colour Colour  
Drop Area Text Alignment   Right, Left, Top, Bottom'
Drop Area Colour Primary Colour  
Drop Area Colour Secondary Colour  
Drop Area Border Colour Colour  
Drop Area Border Thickness Number In pixels
Drop Area Border Style   None, Solid, Dashed, Dotted, Double'
Drop Area Border Radius Number  
Drop Area Drop Shadow Boolean  
Drop Area Padding Number In pixels
Drop Area Margin Number In pixels
Drop Area Text Padding String  

Images

 

Force Image to Fit Boolean  
Max Image Width Number In pixels
Max Image Height Number In pixels
Force Image Size   Force width, force height, force both'

Start Area

 

Start Area Width Number In percentage
Start Area Colour Primary Colour  
Start Area Colour Secondary Colour  
Start Area Border Colour Colour  
Start Area Border Thickness Number In pixels
Start Area Border Style   None, Solid, Dashed, Dotted, Double'
Start Area Border Radius Number  
Start Area Drop Shadow Boolean  

Fallback

 

Orientation Boolean Horizontal, Vertical'
Image Width Number  

 

Have more questions? Submit a request

Comments