- Posts: 118
- Thank you received: 1
Ask the community, share ideas, and connect with other LimeSurvey users!
Please Log in to join the conversation.
It's a hint. I never used it myself.This workaround is heavily based on the Card Sorting above. It uses JavaScript to allow dragging items into "buckets" to "card sort" them with the additional twist to limit the cards per bucket. A multiple-short-text question is used with subquestions being the draggable items. The data recorded for each item is the "bucket" number that it was dropped in. "Buckets" and their limits are pre-defined in a list in the "Display" section of the question.
Please Log in to join the conversation.
Please Log in to join the conversation.
Please Log in to join the conversation.
Please Log in to join the conversation.
Please Log in to join the conversation.
Please Log in to join the conversation.
Yes, in surveys requiring large tables to show lots of information for choice comparisons I sniff the screen size in the welcome message and, if too small, remove the "Next" button and display a suggestion that they return using a larger device....we force the use of desktops. Otherwise screenout.
Please Log in to join the conversation.
Please Log in to join the conversation.
<style type="text/css"> .card-sort-question .items-start { width: 94%; max-width: 100%; height: auto; min-height:80px; margin-top: 8px; margin-left: 3%; border: 1px solid #666; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } .card-sort-question .card { width: auto; min-width:80px; height: auto; margin: 5px 5px; padding: 4px; background-color: transparent; background-color: #5bc0de; color: #fcf8e3; border:0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .card-sort-question .items-end-wrapper { float: left; margin-left: 3%; width: 94%; max-width: 100%; margin-top: 15px; } @media (min-width: 560px){ .card-sort-question .items-end-wrapper { display: flex; } } .card-sort-question .items-end-inner { display: inline-block; width:100%; margin-right: 0.5%; margin-left: 0.5%; } .card-sort-question .items-end { min-height: 60px !important; } .card-sort-question .items-end-text { text-align:left; } .card-sort-question .items-end .card { margin: 5px 7px; color: #fcf8e3; background-color:#5bc0de; } </style>
Please Log in to join the conversation.
Please Log in to join the conversation.
Please Log in to join the conversation.