Login
Register
Questions
Unanswered
Tags
Users
Ask a Question
Tips
Sawtooth Software Home
Most popular tags
cbc
lighthouse-9
acbc
ssi-web
ssi-web-8
maxdiff
cbc-hb
grid-question
javascript
constructed-list
unverified-perl
ssi-web-7
free-format
skip-logic
alternative-specific-design
willingness-to-pay
select-question
choice-simulator
cbc-latent-class
quota-control
acbc-hb
mbc
conditional-pricing
smrt
pass-in-fields
Have an idea?
Visit
Sawtooth Software Feedback
to share your ideas on how we can improve our products.
Mobile width cutoff
Hi, is it possible to set another width cutoff for the use of mobile grids, mobile CBC, etc. than the standard 800px screenwidth?
Something like "var widthCutoff = 800;" in "Drag-to-Container Ranking Unless Mobile".
grid-question
mobile-interviewing
asked
Oct 1, 2021
by
ingo
Bronze
(
710
points)
Your comment on this question:
Your name to display (optional):
Email me at this address if a comment is added after mine:
Email me if a comment is added after mine
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:
[captcha placeholder]
To avoid this verification in future, please
log in
or
register
.
Your solution to the original question
Please only use this to answer the original question. Otherwise please use comments.
Your name to display (optional):
Email me at this address if my answer is selected or commented on:
Email me if my answer is selected or commented on
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:
To avoid this verification in future, please
log in
or
register
.
1 Answer
0
votes
I'm not exactly sure what you are trying to do, but it sounds like you want more control over mobile mode.
I have a trick that might be helpful. We determine if we go into mobile mode by what the screen size is on the prior page. If the screen size is 800 px or less we go into mobile mode on the next page. If it is more than 800 we stay in desktop mode.
To control this you can put the code below on one of your pages. The next page after the page this is placed on will be affected.
<script>
function SetScreenWidth() {
if ($("#hid_screenwidth").length) {
$("#hid_screenwidth").val(801);
}
}
</script>
See the "801" above. This will force the next page to be desktop. If that value was "800" or less the next page would be mobile.
answered
Oct 1, 2021
by
Justin Luster
Silver
(
8,300
points)
Hi Justin, thank you for your quick response. The idea was to use the "mobile" mode only for devices smaller than say 600 px instead of the standard 800 px. Would this be possible?
Try something like below. You can put it in the global head tag.
<script>
function SetScreenWidth() {
if ($("#hid_screenwidth").length) {
var width = SSI_ScreenWidth();
var change_width = 0;
if (width <= 600) {
change_width = 600;
} else {
change_width = 900;
}
$("#hid_screenwidth").val(change_width);
}
}
</script>
Your comment on this answer:
Your name to display (optional):
Email me at this address if a comment is added after mine:
Email me if a comment is added after mine
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:
[captcha placeholder]
To avoid this verification in future, please
log in
or
register
.
...