Scroll

Gender

Gender

Follow
Summary This article give you access to the Gender 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; 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.3

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

Notes:

  • The parameter "Style of the images" let you choose between 10 predefines set of pictures.
  • If you want to use your own pictures then select “Use resources url” and apply in design mode in the resource column the desired pictures (in the adc2-gender.qex example, it’s the third screen).
  • Some parameters can have different rendering depending of the browser used.
  • The Border Radius will not be rendered for IE8 and lower version of Internet Explorer.
  • The Drop Shadow will not be rendered for IE9 and lower version of Internet Explorer.

 

Parameters Type Comments and/or possible value
     
General    
Style of the images Boolean 'Body Dark, Body Light, Face Dark, Face Light, Icon Dark, Icon Light, Avatar Black, Avatar People, Avatar Work, Avatar Young, Use Resouces URL
Font Size Number In Pixels
Response Font Colour Colour  
Control Width Number In Percentage
Control Max Width Number In Pixels
Response Max Width Number In Pixels
Response Margin String In Pixels
Control Alignment Boolean 'Left, Center, Right'
Text Alignment Boolean 'Left, Center, Right'
Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
Display Response Text Boolean 'No, Yes'
Response Text Padding String In Pixels
Auto Forward Boolean 'No, Yes'
     
First Response    
Response1 Colour Primary Colour  
Response1 Colour Secondary Colour  
Response1 Border Colour Colour  
Response1 Border Thickness Number In Pixels
Response1 Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response1 Drop Shadow Boolean 'On, Off'
Show Response1 Hover Colour Boolean 'Yes, No'
Response1 Hover Colour Primary Colour  
Response1 Hover Colour Secondary Colour  
Show Response1 Hover Border Boolean 'Yes, No'
Response1 Hover Border Colour Colour  
Response1 Hover Border Thickness Number In Pixels
Response1 Hover Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response1 Hover Drop Shadow Boolean 'On, Off'
Response1 Selected Colour Primary Colour  
Response1 Selected Colour Secondary Colour  
Response1 Selected Border Colour Colour  
Response1 Selected Border Thickness Number In Pixels
Response1 Selected Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response1 Selected Drop Shadow Boolean 'On, Off'
     
Second Response    
Response2 Colour Primary Colour  
Response2 Colour Secondary Colour  
Response2 Border Colour Colour  
Response2 Border Thickness Number In Pixels
Response2 Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response2 Drop Shadow Boolean 'On, Off'
Show Response2 Hover Colour Boolean 'Yes, No'
Response2 Hover Colour Primary Colour  
Response2 Hover Colour Secondary Colour  
Show Response2 Hover Border Boolean 'Yes, No'
Response2 Hover Border Colour Colour  
Response2 Hover Border Thickness Number In Pixels
Response2 Hover Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response2 Hover Drop Shadow Boolean 'On, Off'
Response2 Selected Colour Primary Colour  
Response2 Selected Colour Secondary Colour  
Response2 Slected Border Colour Colour  
Response2 Selected Border Thickness Number In Pixels
Response2 Selected Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response2 Selected Drop Shadow Boolean 'On, Off'
Have more questions? Submit a request

Comments