Welcome to the LimeSurvey Community Forum

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

Background image: auto size

  • slspps
  • slspps's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #138741 by slspps
Background image: auto size was created by slspps
I need help.
I want a background image which is always the half of the page long and the full width.
So if you use an other screen resolution, it does not matter.
I tried it , but it get out only with fixed values:

background: url(img_flwr.gif);
background-hight: 300px;
background-repeat: no-repeat;

This has not helped:

background: url(img_flwr.gif);
background-size: 100% 50%;
background-repeat: no-repeat;

Can anybody help me? If you need more information, please write and I 'll try to make ready.

THX
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #138789 by tpartner
Replied by tpartner on topic Background image: auto size
Can you activate a test survey and give us a link so we can see the source?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 8 months ago #138832 by Ben_V
Replied by Ben_V on topic Background image: auto size
maybe you can play around background-size "cover" or "contain" keywords if half (top) of your background-image already matches your background color...

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
  • slspps
  • slspps's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #138833 by slspps
Replied by slspps on topic Background image: auto size
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #138835 by Joffm
Replied by Joffm on topic Background image: auto size
Hi, slspps,
this is obviously not your desired answer, but I played around with something like this in "template.css"
body {
background-image: url("../files/mylogo.png");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% auto;
}

And what do you think about media-queries?

Here is a - maybe helpful - article:
" www.smashingmagazine.com/2013/07/simple-...s-background-images/ "

Please see the screenshots

Kind regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: slspps
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #138837 by tpartner
Replied by tpartner on topic Background image: auto size
No access to the survey, all I see is the error page with a logo image. Please activate the survey.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • slspps
  • slspps's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #138839 by slspps
The topic has been locked.
  • slspps
  • slspps's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #138840 by slspps
Replied by slspps on topic Background image: auto size
Thank you so much!

#138835: This was the solution!

You are the greatest, Joffm!!!!
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago - 7 years 8 months ago #138873 by DenisChenu
Replied by DenisChenu on topic Background image: auto size
Here : demonstration.sondages.pro/374469#

I use
Code:
body {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Last edit: 7 years 8 months ago by DenisChenu. Reason: fixe code
The topic has been locked.
More
7 years 8 months ago #138881 by Ben_V
Replied by Ben_V on topic Background image: auto size

DenisChenu wrote: Here : demonstration.sondages.pro/374469#


Really nice lateral transitions Denis...In my opinion, if associated with correct/basic question types, it's the best way to take a survey on mobile devices... Exactly what described here ...

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #138885 by DenisChenu
Replied by DenisChenu on topic Background image: auto size
;).

It was made for this , not ditributed officially , bu all code
demonstration.sondages.pro/upload/templa...uestion/template.css
demonstration.sondages.pro/upload/templa...question/template.js (function setTemplateCarousel) are here in MIT and GPL.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The following user(s) said Thank You: Ben_V
The topic has been locked.
More
7 years 8 months ago #138888 by Ben_V
Replied by Ben_V on topic Background image: auto size
thanks for such useful & very nice details :)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose