Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: How to add header and footer to the survey?

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106923

  • mrli999
  • mrli999s Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 95
  • Dank erhalten: 2
  • Karma: 0
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: 1 Jahr 3 Wochen her von mrli999.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106928

  • Ben_V
  • Ben_Vs Avatar
  • OFFLINE
  • Platinum Lime
  • Beiträge: 1305
  • Dank erhalten: 305
  • Karma: 87
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

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Folgende Benutzer bedankten sich: mrli999

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106941

  • mrli999
  • mrli999s Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 95
  • Dank erhalten: 2
  • Karma: 0
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106942

  • Ben_V
  • Ben_Vs Avatar
  • OFFLINE
  • Platinum Lime
  • Beiträge: 1305
  • Dank erhalten: 305
  • Karma: 87
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

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
Der Administrator hat öffentliche Schreibrechte deaktiviert.

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106946

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 7058
  • Dank erhalten: 948
  • Karma: 282
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Folgende Benutzer bedankten sich: mrli999

How to add header and footer to the survey? 1 Jahr 3 Wochen her #106989

  • mrli999
  • mrli999s Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 95
  • Dank erhalten: 2
  • Karma: 0
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: 1 Jahr 3 Wochen her von mrli999.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

How to add header and footer to the survey? 1 Jahr 23 Stunden her #107972

  • mrli999
  • mrli999s Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 95
  • Dank erhalten: 2
  • Karma: 0
<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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.259 Sekunden
Donation Image