How to add header and footer to the survey?

Mehr
3 Jahre 9 Monate her - 3 Jahre 9 Monate her #106923 von mrli999
mrli999 erstellte das Thema How to add header and footer to the survey?
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.
Letzte Änderung: 3 Jahre 9 Monate her von mrli999.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 9 Monate her #106928 von Ben_V
Ben_V antwortete auf das Thema: 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

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)
Folgende Benutzer bedankten sich: mrli999

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 9 Monate her #106941 von mrli999
mrli999 antwortete auf das Thema: How to add header and footer to the survey?

Ben_V schrieb: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 9 Monate her #106942 von Ben_V
Ben_V antwortete auf das Thema: 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:
<img src="logo.jpg" class="logo_img" />

CSS:
.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)

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 9 Monate her #106946 von DenisChenu
DenisChenu antwortete auf das Thema: 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
img,video,svg,iframe{max-width: 100%;height: auto;
*width:100%
}
Then you are sure you image fit the screen.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .
Folgende Benutzer bedankten sich: mrli999

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 9 Monate her - 3 Jahre 9 Monate her #106989 von mrli999
mrli999 antwortete auf das Thema: How to add header and footer to the survey?

DenisChenu schrieb: Hi,

And for img, always add max-with:100%;height:auto

github.com/Shnoulle/skeletonquest/blob/m...ry-ui-custom.css#L69

img,video,svg,iframe{max-width: 100%;height: auto;
*width:100%
}
Then you are sure you image fit the screen.


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
Letzte Änderung: 3 Jahre 9 Monate her von mrli999.

Bitte Anmelden um an der Konversation teilzunehmen.

Mehr
3 Jahre 8 Monate her #107972 von mrli999
mrli999 antwortete auf das Thema: 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.

Bitte Anmelden um an der Konversation teilzunehmen.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha