- Posts: 14
- Thank you received: 0
Ask the community, share ideas, and connect with other LimeSurvey users!
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ // Identify this question var thisQuestion = $('#question{QID}'); // Move the answer buttons into the question text element $('.answer-container', thisQuestion).removeClass('col-xs-12').appendTo($('.ls-label-question', thisQuestion)); // Loop through the answer buttons $('.bootstrap-buttons-div', thisQuestion).each(function(i) { // Assign classes for styling $(this).addClass('item-'+(i+1)); }); }); </script>
<style type="text/css"> #question{QID} .ls-label-question { position: relative; margin: 50px auto; width: 640px; } #question{QID} .ls-label-question .answers-list { padding: 0; } #question{QID} .ls-label-question .bootstrap-buttons-div { position: absolute; width: 200px; } #question{QID} .ls-label-question .bootstrap-buttons-div.item-1 { top: 20px; left: -140px; } #question{QID} .ls-label-question .bootstrap-buttons-div.item-2 { top: 20px; right: -140px; } #question{QID} .ls-label-question .bootstrap-buttons-div.item-3 { bottom: 20px; left: -140px; } #question{QID} .ls-label-question .bootstrap-buttons-div.item-4 { bottom: 20px; right: -140px; } </style>
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ // Identify this question var thisQuestion = $('#question{QID}'); // Move the answer buttons into the question text element $('.answer-container', thisQuestion).removeClass('col-xs-12').appendTo($('.ls-label-question', thisQuestion)); // Loop through the answer buttons $('.ls-label-question .button-item', thisQuestion).each(function(i) { // Assign classes for styling $(this).addClass('item-'+(i+1)); }); }); </script>
<style type="text/css"> #question{QID} .ls-label-question { position: relative; margin: 50px auto; width: 640px; } #question{QID} .ls-label-question .answers-list { padding: 0; } #question{QID} .ls-label-question .answers-list .btn-group { display: block; position: static; } #question{QID} .ls-label-question .button-item { display: block; position: absolute; width: 200px; border-radius: 6px; } #question{QID} .ls-label-question .button-item.item-1 { top: 20px; left: -140px; } #question{QID} .ls-label-question .button-item.item-2 { top: 20px; right: -140px; } #question{QID} .ls-label-question .button-item.item-3 { bottom: 20px; left: -140px; } #question{QID} .ls-label-question .button-item.item-4 { bottom: 20px; right: -140px; } </style>