Scroll

Ranking Isotope

Ranking Isotope

Follow
Summary This article give you access to the Ranking Isotope 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.1.8

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

 

Parameters Type Comments and/or possible value
     
General    
Font Size Number In Pixels
Control Width Number In Percentage
Max Width Number In Percentage
Control Alignment Boolean 'Left, Center, Right'
Show Rank Move Controls Boolean 'No, Yes'
Rank Move Arrow Colour Boolean 'White, Grey, Black'
Border Radius Number '0, 2, 5, 10, 15, 20, 25, 30'
Animate Responses Boolean

Yes or No. 

Attention, this option have no effect for the Layout "Left to right in rows" which needs the animation

     
Alignment    
Response Text Alignment Boolean 'Left, Center, Right'
Response Content Position Boolean 'Left, Center, Right'
Response Image Position Boolean 'Default, Left, Right'
     
Layout    
Response Layout Boolean 'Top to bottom, Left to right in rows, Fit responses into spaces'
     
Responses    
Response Text Padding String In Pixels
Response Text Line Height Number In Percentage
Max Number of Items to be Ranked Number  
Display Response text Boolean 'No, Yes'
Forced Response Width Number  
Forced Response Height Number  
Force Response size Boolean 'No, Force Width, Force Height, Force Both'
Resnse Colour Primary Colour  
Response Colour Secondary Colour  
Response Font Colour Colour  
Response Border Colour Colour  
Response Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Response Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response Drop Shadow Boolean 'On, Off'
Show Response Hover Colour Boolean 'No, Yes'
Response Hover Colour Primary Colour  
Response Hover Colour Secondary Colour  
Show Response Hover Font Colour Boolean 'No, Yes'
Reseponse Hover Font Colour Colour  
Show Response Hover Border Boolean 'No, Yes'
Response Hover Border Colour Colour  
Response Hover Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Response Hover Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Response Hover Drop Shadow Boolean 'On, Off'
Selected Response Colour Primary Colour  
Selected Response Colour Secondary Colour  
Selected Response Font Colour Colour  
Response Border Colour Colour  
Response Border Thickness Number 'None, 1px, 2px, 3px, 4px, 5px'
Response Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Selected Response Drop Shadow Boolean 'On, Off'
     
Non-Scaled Responses    
Number of Non-Scaled Responses Number  
Non-Scaled Response Colour Primary Color  
Non-Scaled Response Colour Secondary Color  
Non-Scaled Response Font Colour Color  
Non-Scaled Response Border Colour Color  
Non-Scaled Response Border Thickness Number In Pixels
Non-Scaled Response Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Non-Scaled Response Drop Shadow Boolean 'On, Off'
Selected Non-Scaled Response Colour Primary Color  
Selected Non-Scaled Response Colour Secondary Color  
Selected Non-Scaled Response Font Color Color  
Selected Non-Scaled Response Border Colour Color  
Selected Non-Scaled Response Border Thickness Number In Pixels
Selected Non-Scaled Response Border Style Boolean 'None, Solid, Dashed, Dotted, Double'
Selected Non-Scaled Response Drop Shadow Boolean 'On, Off'
     
Images    
Force Image Width Number  
Forced Image Height Number  
Force Image Size Boolean 'No, Force Width, Force Height, Force Both'
Have more questions? Submit a request

Comments

  • Avatar
    Steven De Backer

    There is an option to set the "Max Number of Items to be Ranked".
    Is there a way to set the minimum number of items to be ranked? Or a workaround to achieve this?

  • Avatar
    Jérôme Duparc

    Hi Steven,

    You will need to use a routing show message to do it.

    For instance in the qex file attached, in the first loop, add a show message routing in the numerical question. The condition will be:

    (RankingIsotope_Loop_Q1.IsLastIteration)
    and
    (RankingIsotope_Q1.AllValues HasNone {2})

    if you want at least 2 responses

    Then tick blocking message and add your message.

    Best Regards

  • Avatar
    Steven De Backer

    Thanks for this quick reply.
    This is really helpful.

  • Avatar
    Christophe Ferreira

    Hi,

    Exclusive answers are not managed into this adc. Could you include that in the next release.

    Thx