Thank you for your quick response.
I read the URL from the forum you sent and I believe that would be an option.
I saw that they had posted an .LSS file in the forum thread and downloaded it.
When I did the upload to the LM platform, I could not see the numbers next to the ranking questions.
I am attaching the .LSS i created, as you requested.
As in right now, its only a ranking question.
In order to be able to see the numbers (its a request our client has made), do I need to insert Custom CSS or JavaScript solutions?
I have tried inserting the code below in the script section, but it doesnt work.
I apologize in advance as I am new to LimeSurvey.
Code:<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
// Identify this question
var qID = {QID};
var thisQuestion = $('#question'+qID);
// Listeners on the rankable items
$('.ui-sortable', thisQuestion).on('sortstop', function(event, ui) {
insertRankIndicators();
});
$('.ui-sortable li', thisQuestion).on('dblclick', function(event, ui) {
setTimeout(function() {
insertRankIndicators();
}, 100);
});
// A function to insert ranking indicators
function insertRankIndicators() {
$('.inserted-rank', thisQuestion).remove();
$('.dragDropRankList li', thisQuestion).
each
(function(i) {
$(this).append('<span class="inserted-rank">Nr.'+(i+1)+'</span>');
});
}
// Insert some styles (these could be in template.css)
var newStyles = '.ui-sortable-handle { \
position: relative;\
}\
.ui-sortable li .inserted-rank { \
position: absolute;\
top: 5px;\
right: 5px;\
}';
$('head').append('<style type="text/css">'+newStyles+'</style>');
});
</script>