optimizing for mobile

Question

are there any settings (local, global, or both) to optimize a survey for mobile usage? e.g., font and page sizes, etc.  

as it is, with page height of 400px, it looks okay in landscape, but the type is very small to read.

the survey has a simple format, no tables or grids.
we anticipate it will primarily be taken on mobile devices but should also be usable on a PC.   thanks in advance for your help.

Answer 1

Mobile improvements are definitely a priority for us.  9.1.0 introduced mobile select and grid questions and we have some more changes coming soon.

I'm not sure what font size would look best for your survey, but I can offer you some code.  Putting this in the survey head tag will make all text 25% larger for users with a screen width under 800px:

<script>
$(document).ready(function(){
    if (SSI_ScreenWidth() <= 800) {
        $('#page').find('*').css('font-size', '125%');
    }
})
</script>

Is that kind of what you're after?

Comments

i get an error message saying 'the value of the property $ is null or undefined, not a function object'

---

That code uses jQuery, which wasn't automatically included in the software before v8.  Here's the code in pure JavaScript:

<script>
document.addEventListener('DOMContentLoaded', function(){
    if (window.innerWidth <= 800) {
        var all = document.getElementById('page').querySelectorAll('*');
        for (var i = 0; i < all.length; i++) {
            all[i].style.fontSize = '125%';
        }
    }
});
</script>

---

thanks :-)