Welcome to the LimeSurvey Community Forum

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

Putting a custom logo in TFR Responsive template

  • fvanderstarre
  • fvanderstarre's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 2 months ago #146447 by fvanderstarre
Hi all,
I am looking where and how to put a custom logo in the "TFR Responsive" template.
Anyone been there yet? Any help much appreciated!

Frank
The topic has been locked.
  • tammo
  • tammo's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 2 months ago #146453 by tammo
Hi Frank,

where do you want the logo to appear:
  • first page only (that would be easiest)
  • all pages
And where on the page?

Tammo ter Hark


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The topic has been locked.
  • fvanderstarre
  • fvanderstarre's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 2 months ago #146454 by fvanderstarre
Replied by fvanderstarre on topic Putting a custom logo in TFR Responsive template
Hi Tammo,

I would like to have it on all pages, preferably top right corner.
Thanks! Frank
The topic has been locked.
  • tammo
  • tammo's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 2 months ago #146455 by tammo
Just another question: do you display the survey:
* all in one
* per group
* per question?

Tammo


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The topic has been locked.
  • fvanderstarre
  • fvanderstarre's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 2 months ago #146456 by fvanderstarre
Replied by fvanderstarre on topic Putting a custom logo in TFR Responsive template
Per group (in most cases)...
The topic has been locked.
  • tammo
  • tammo's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 2 months ago #146457 by tammo
Upload your logo as logo.png to /upload/templates/tfr_responsive/images

In startpage.pstpl add at the end:
<div class="logo-top"><img src="/upload/templates/tfr_responsive/images/logo.png"></div>

In template.css add at the end:
.logo-top{
position:absolute;
right:100px;
top:10px;
}

.logo-top img{
max-width:100px;
}

You may have to fiddle a bit with the values in template.css depending on the height/width values of your logo.

Happy fiddling!


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The topic has been locked.
  • tammo
  • tammo's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 2 months ago #146458 by tammo
See attachment


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
Attachments:
The topic has been locked.
  • tammo
  • tammo's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
7 years 2 months ago #146459 by tammo
BTW: this only works for large screens, not for mobile phones. If you would need that, will will gladly quote you for a customised version of our template.

I would wait for the new version that will be announced when LS 3.0 is released.


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The topic has been locked.
  • fvanderstarre
  • fvanderstarre's Avatar Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
7 years 2 months ago #146460 by fvanderstarre
Replied by fvanderstarre on topic Putting a custom logo in TFR Responsive template
Thx Tammo, I'll go and fiddle away the rest of the year! :P
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose