- Posts: 155
- Thank you received: 2
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to add header and footer to the survey?
- mrli999
- Topic Author
- Offline
- Premium Member
Less
More
9 years 11 months ago - 9 years 11 months ago #106923
by mrli999
How to add header and footer to the survey? was created by mrli999
I want to add header and footer to the survey. I checked the manual, and found that
Basic CMS Integration support
Deprecated: This function is not available anymore in version 2.0 or later
Then how can I add header and footer to the survey?
Many many thanks.
Basic CMS Integration support
Deprecated: This function is not available anymore in version 2.0 or later
Then how can I add header and footer to the survey?
Many many thanks.
Last edit: 9 years 11 months ago by mrli999.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
9 years 11 months ago #106928
by Ben_V
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)
Replied by Ben_V on topic How to add header and footer to the survey?
Hello,
You have to edit your template files (make a copy before) using the template editor.
Best places:
Header: in startpage.pstpl file
Footer: in endpage.pstpl
You have to edit your template files (make a copy before) using the template editor.
Best places:
Header: in startpage.pstpl file
Footer: in endpage.pstpl
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 following user(s) said Thank You: mrli999
The topic has been locked.
- mrli999
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 155
- Thank you received: 2
9 years 11 months ago #106941
by mrli999
Dear Ben_V,
Thank you very much. It works well.
By the way, I would like to add my own logo into startpage.pstpl. As you know the page size of the survey can be iphone, 640*480, 800*600, 1024*768, full. How to make the logo fit the page size automatically?
Thanks again.
Replied by mrli999 on topic How to add header and footer to the survey?
Ben_V wrote: Hello,
You have to edit your template files (make a copy before) using the template editor.
Best places:
Header: in startpage.pstpl file
Footer: in endpage.pstpl
Dear Ben_V,
Thank you very much. It works well.
By the way, I would like to add my own logo into startpage.pstpl. As you know the page size of the survey can be iphone, 640*480, 800*600, 1024*768, full. How to make the logo fit the page size automatically?
Thanks again.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
9 years 11 months ago #106942
by Ben_V
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)
Replied by Ben_V on topic How to add header and footer to the survey?
There's a lot of ressources about this topic on the web... the most of the time using css media queries and/or javascript.
The simpliest way, using only css media queries, is to set the dimensions of your image in the stylesheet and not inside the <img> element itself (however sometimes just using percents or em instead px do the job without more complications).
Example:
HTML:
CSS:
The simpliest way, using only css media queries, is to set the dimensions of your image in the stylesheet and not inside the <img> element itself (however sometimes just using percents or em instead px do the job without more complications).
Example:
HTML:
Code:
<img src="logo.jpg" class="logo_img" />
CSS:
Code:
.logo_img {width: 100px; height: 100px} @media screen and (max-width:768px){ .logo_img {width: 75px; height: 75px} } @media screen and (max-width:480px){ .logo_img {width: 50px; height: 50px} }
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13910
- Thank you received: 2548
9 years 11 months ago #106946
by DenisChenu
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.
Replied by DenisChenu on topic How to add header and footer to the survey?
Hi,
And for img, always add max-with:100%;height:auto
github.com/Shnoulle/skeletonquest/blob/m...ry-ui-custom.css#L69
Then you are sure you image fit the screen.
And for img, always add max-with:100%;height:auto
github.com/Shnoulle/skeletonquest/blob/m...ry-ui-custom.css#L69
Code:
img,video,svg,iframe{max-width: 100%;height: auto; *width:100% }
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: mrli999
The topic has been locked.
- mrli999
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 155
- Thank you received: 2
9 years 11 months ago - 9 years 11 months ago #106989
by mrli999
Dear Denis,
thank you very much for your kindness. I tried and found the following html work for my web site:
<img src="{TEMPLATEURL}images/example.png" max-width="100%" width="75%" />
thanks again
Replied by mrli999 on topic How to add header and footer to the survey?
DenisChenu wrote: Hi,
And for img, always add max-with:100%;height:auto
github.com/Shnoulle/skeletonquest/blob/m...ry-ui-custom.css#L69Then you are sure you image fit the screen.Code:img,video,svg,iframe{max-width: 100%;height: auto; *width:100% }
Dear Denis,
thank you very much for your kindness. I tried and found the following html work for my web site:
<img src="{TEMPLATEURL}images/example.png" max-width="100%" width="75%" />
thanks again
Last edit: 9 years 11 months ago by mrli999.
The topic has been locked.
- mrli999
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 155
- Thank you received: 2
9 years 10 months ago #107972
by mrli999
Replied by mrli999 on topic How to add header and footer to the survey?
<img src="{TEMPLATEURL}images/example.png" max-width="100%" width="75%" />
The above code works for all other pages, but the comppleted page. In the completed page, it is a little wide than all other content.
what should I do with it? thanks.
The above code works for all other pages, but the comppleted page. In the completed page, it is a little wide than all other content.
what should I do with it? thanks.
The topic has been locked.