Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Mobile phone template for limesurvey

Mobile phone template for limesurvey 2 years 7 months ago #76711

  • sebb
  • sebb's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Hi guys,

your product is of a high standard and I would just like to say thanks for the hard work. Does anyone know of any mobile phone optimized templates for limesurvey?
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76749

I hear "Citronade" is somewhat suitable for smartphones surveys, but it doesn't quite cut it in my opinion (you still have to increase the resolution to see clearly).
I'd be happy to know if there's a better option, I'm interested in this too.
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76776

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 839
  • Karma: 249
Heelo,

I test it on opera-mini and "unknow browser in private system" and seem OK.

What is your webphone ?

Denis
PS: replace font-size: 0.85em; by font-size: 1em; at line 20 of template.css.
Last Edit: 2 years 7 months ago by DenisChenu.
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76799

Hi Denis,
I'm using an iPhone.
Line 20 of template.css says:
a:hover, a:focus, a:active {background-color: #E5F8A8;color: #5670A1;}
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76803

  • Ben_V
  • Ben_V's Avatar
  • NOW ONLINE
  • Platinum Lime
  • Posts: 1109
  • Thank you received: 250
  • Karma: 78
For iphones you can set everything in a dedicated stylesheet (e.g. 'iphone.css' )

Adapt the path to the reource and paste in your starpage.psptl:
<script type="text/javascript">
	var SetByResolutioniPhone;
	if ((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i)))
	document.write('<link rel="stylesheet" type="text/css" media="screen" href="{TEMPLATEURL}iphone.css"  />');
</script>

Sometimes it could be a real improvement adding this specific metatag:
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">

Ben
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...
Last Edit: 2 years 7 months ago by Ben_V.
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76808

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 839
  • Karma: 249
davidspivak wrote:
Hi Denis,
I'm using an iPhone.
Line 20 of template.css says:
a:hover, a:focus, a:active {background-color: #E5F8A8;color: #5670A1;}
Maybe, i speak for actual included citronade template.

You can download it here:
github.com/LimeSurvey/LimeSurvey/tree/ma.../templates/citronade

benitov:
use directly in template.css with
@media screen and (max-width: 640px)

Denis
PS : davidspivak what is your citronade version ?
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76813

1.0

Is there a newer one? Where can I find it?
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76836

  • sebb
  • sebb's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
I am currently using citronade...so you guys say everything else should be fine with that template, just that I have to put that width fix in
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76841

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 839
  • Karma: 249
davidspivak wrote:
1.0

Is there a newer one? Where can I find it?
You can download here: github.com/LimeSurvey/LimeSurvey/tree/ma.../templates/citronade
sebb wrote:
just that I have to put that width fix in
Need some modification ? Can you tell what did you make ?

I try use dynamic width : template adaptation with the width of the window. I test a lot with chrome/opera with little width, but just a little with webphone and never with iOs ;).
The administrator has disabled public write access.

Re: Mobile phone template for limesurvey 2 years 7 months ago #76845

  • sebb
  • sebb's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Hi Dennis,

Where exactly did u make those changes?
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.412 seconds
Donation Image