How can I change the size of the Questions Container? | XM Community
Question

How can I change the size of the Questions Container?

  • 20 January 2020
  • 7 replies
  • 465 views
J
I want the Questions Container to be wider? I'm referring to the Questions Container setting in Look & Feel -> Background.

Any ideas how I can do this?

7 replies

Yash
Rank
Userlevel 1
Badge +3
Hi Joe,

Could you please copy the below code to your custom CSS page as shown in below screenshot.

#SkinContent
{
width:1200px
}

<img src="https://lucid.co1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_0NWwFCH3P31TUjP" alt="question container width" width="700" height="450">
J
Thanks @Yash, but this did not do anything for me.
Yash
Rank
Userlevel 1
Badge +3

Hi JoeC ,
Sorry about that.. it should be actually like this.. Could you please try this and let me know if this not helps...

#SkinContent


{
width:1200px
}

Or

#SkinContent


{
min-width:1200px
}

Karvida
Rank
Userlevel 2
Badge +4
@Yash Thanks - I've been looking for this. It does widen container for desktop/online view but unfortunately it then makes the iPhone view too wide. I believe there are settings for hand-held devices as well.. do you happen to know how to code that?
Yash
Rank
Userlevel 1
Badge +3
Hi @Karvida,

Could you please try the below code to avoid this functionality on mobile devices and let me know if this helps.

<script>
dev = (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);

if(dev){}
else
{
jQuery("#SkinContent").css("min-width","1200px"); // adjust this as per you need...

}
</script>
Karvida
Rank
Userlevel 2
Badge +4
Hi @Yash - thanks for fast reply. There is a media definition which helps solve this problem. I found the following in a post from @TomG which appears to work:

@media only screen and (min-width: 1200px) {
#Questions{min-width:1200px;}
}
I

Hi I used your css but it doesn't apply to the matrix, is there any way to make to question as wide as the new size of the Container?
Captura de pantalla 2021-10-05 124426.png

Leave a Reply


Terms & Conditions