Scroll

Star Rating List

Follow
Summary This article give you access to the Star Rating List 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.8

This control is compatible with a single and numerical question inside a loop.

 

Parameters Type Comments and/or possible value
     
General    
Use String Star, Heart, Tick, Thumb, Sun
Font Size Number In Pixels
Control Width Number In Percentage
Max Width Number In Pixels
Control Alignment Boolean 'Left, Center, Right'
Auto Forward Boolean 'No, Yes'
Scroll to Top Boolean 'No, Yes'
Animate Responses Boolean 'No, Yes'
Animation Speed Boolean 'Very Fast, Fast, Medium, Slow'
Use a selection list Boolean 'No, Yes'
Auto Forward Last Iteration

Boolean

'No, Yes' 
     
Tool Tips    
Show tooltips Boolean 'No, Yes'
Tooltip font size Number In Pixels
Tooltip font color Colour  
Tooltip curved corners Number '0, 2, 5, 10, 15, 20, 25, 30'
Tooltip color primary Colour  
Tooltip color secondary Colour  
Tooltip Border Color Colour  
Tooltip Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Tooltip Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
     
Stars    
Number of Stars Number  
     
Buttons    
Top Buttons Boolean 'Hide Both, Show Next, Show Back, Show Both'
Bottom Buttons Boolean 'Hide Both, Show Next, Show Back, Show Both'
Button Border Color Colour  
Button Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
Button Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Button Primary Color Colour  
Button Secondary Color Colour  
Button Drop Shadow Boolean 'On, Off'
Button Arrow Color Boolean 'White, Grey, Black'
     
Alignment    
Statement Text Alignment Boolean 'Left, Center, Right'
Response Text Alignment Boolean 'Left, Center, Right'
Response Alignment Boolean 'Left, Center, Right'
Response Content Position Boolean Left, Center, Right'
Response Image Position Boolean 'Default, Left, Right'
     
Counter    
Show Counter Boolean 'No, Yes'
Count Direction Boolean 'Count Down, Count Up'
Counter Border Color Colour  
Counter Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
Counter Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Counter Primary Color Colour  
Counter Secondary Color Colour  
Counter Padding Number In Percentage
Counter Font Color Colour  
Counter Drop Shadow Boolean 'On, Off'
Counter Align Boolean 'Left, Center, Right'
     
Statement    
Statement Text Padding Number In Pixels
Statement Text Line Height Number In Percentage
Statement Height Number  
Statement Font Size Number In Pixels
Statement Color Primary Colour  
Statement Color Secondary Colour  
Use an alternative statement color Boolean 'No, Yes'
Alt Statement Color Primary Colour  
Alt Statement Color Secondary Colour  
Statement Font Color Colour  
Statement Border Color Colour  
Statement Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
Statement Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Statement Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Statement Drop Shadow Boolean 'On, Off'
     
Images    
Max image width Number In Pixels
Max image height Number In Pixels
Force image size Boolean 'No, Force Width, Force Height, Force Both'
     
DK    
Turn on DK for single choice question Boolean 'No, Yes'
DK Position Boolean 'Left, Center, Right'
DK Text String  
DK Text Padding Number In Pixels
DK Margin String In Pixels
DK Color Primary Colour  
DK Color Secondary Colour  
DK Font color Colour  
Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
DK Border Color Colour  
DK Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
DK Border style Boolean 'None, Solid, Dashed, Dotted, Double'
DK Drop shadow Boolean 'On, Off'
Show DKHover Color Boolean 'No, Yes'
DK Hover Color Primary Colour  
DK Hover Color Secondary Colour  
Show DK Hover Font Color Boolean 'No, Yes'
DK Hover Font Color Colour  
Show DK Hover Border Boolean 'No, Yes'
DK Hover Border Color Colour  
DK Hover Border Thickness Boolean 'None, 1px, 2px, 3px, 4px, 5px'
DK Hover Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Show DK Hover Shadow Boolean 'No, Yes'
DK Hover Drop Shadow Boolean 'On, Off'
Selected DK Color Primary Colour  
Selected DK Color Secondary Colour  
Selected DK Font Color Colour  
Selected DK Border Color Colour  
Selected DK Border Thickness Boolean 'None, 1px, 2px, 3px, 4px, 5px'
DK Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Selected DK Drop Shadow Boolean 'On, Off'
     
Fallback    
Orientation Boolean 'Horizontal, Vertical'
Image Width Number  
Have more questions? Submit a request

Comments