Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Adjusting survey container

  • krosser
  • krosser's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
5 years 9 months ago - 5 years 9 months ago #170386 by krosser
Adjusting survey container was created by krosser
Hey guys,

I am trying to find a way to adjust the size of the survey container. Since it is dynamic, it leaves a lot of unused space when in full screen. My survey has questions with a lot of text and I would like to make the container wider so that it uses more free space. I have played with CSS for dynamicReloadContainer and outerframeContainer in custom.css but it didn't help. Can someone please give a hint where to look or which element I should adjust?
I'm using the latest LS 3.22 hosted on LS servers, not installed locally.
Last edit: 5 years 9 months ago by krosser.
The topic has been locked.
  • LouisGac
  • LouisGac's Avatar
  • Visitor
  • Visitor
5 years 9 months ago #170391 by LouisGac
Replied by LouisGac on topic Adjusting survey container
there is an option for that in the theme option
just turn off "survey container"
The topic has been locked.
  • krosser
  • krosser's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
5 years 9 months ago #170392 by krosser
Replied by krosser on topic Adjusting survey container
I know but I don't want to turn it off completely.
I'm using the latest LS 3.22 hosted on LS servers, not installed locally.
The topic has been locked.
  • LouisGac
  • LouisGac's Avatar
  • Visitor
  • Visitor
5 years 9 months ago #170404 by LouisGac
Replied by LouisGac on topic Adjusting survey container
So knowing that LS use Bootstrap 3:
stackoverflow.com/questions/15884102/boo...dth-of-the-container

The media query's "min-width" value will tell CSS to change the width of your container to 1000px only on screens larger than 1200px (or whatever width you choose to include there). This preserves the responsiveness of your site, so when the screen size jumps below that value (smaller monitor, tablet, smartphone, etc.), your site will still adjust to fit the smaller screens.

Code:
 
    @media (min-width: 1200px) {
      .container {
        width: 1000px;
      }
    }

you can add those CSS changes to your custom.css file.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 9 months ago #170405 by tpartner
Replied by tpartner on topic Adjusting survey container
You can override the bootstrap rule with something like this:

Code:
@media (min-width: 992px) {
  #outerframeContainer {
    width: 95%;
  }
}
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: LouisGac, krosser
The topic has been locked.
  • krosser
  • krosser's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
5 years 9 months ago #170410 by krosser
Replied by krosser on topic Adjusting survey container
Great! Thanks guys! I'll play around with the values to see what looks best.
I'm using the latest LS 3.22 hosted on LS servers, not installed locally.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source