Welcome, Guest
Username: Password: Remember me

TOPIC: Mobile phone template for limesurvey

Mobile phone template for limesurvey 3 years 10 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.

Mobile phone template for limesurvey 3 years 10 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.

Mobile phone template for limesurvey 3 years 10 months ago #76776

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 8195
  • Thank you received: 1119
  • Karma: 331
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: 3 years 10 months ago by DenisChenu.
The administrator has disabled public write access.

Mobile phone template for limesurvey 3 years 10 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.

Mobile phone template for limesurvey 3 years 10 months ago #76803

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1593
  • Thank you received: 391
  • Karma: 103
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
Last Edit: 3 years 10 months ago by Ben_V.
The administrator has disabled public write access.

Mobile phone template for limesurvey 3 years 10 months ago #76808

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 8195
  • Thank you received: 1119
  • Karma: 331
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.

Mobile phone template for limesurvey 3 years 10 months ago #76813

1.0

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

Mobile phone template for limesurvey 3 years 10 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.

Mobile phone template for limesurvey 3 years 10 months ago #76841

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 8195
  • Thank you received: 1119
  • Karma: 331
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.

Mobile phone template for limesurvey 3 years 10 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.

Mobile phone template for limesurvey 3 years 10 months ago #76846

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 8195
  • Thank you received: 1119
  • Karma: 331
sebb wrote:
Hi Dennis,

Where exactly did u make those changes?
I don't make change, but you say you have to a width fix.
I use :
@media screen solution ( github.com/LimeSurvey/LimeSurvey/blob/ma...de/template.css#L251)
To adapt the template for little width. With Firefox it's not clear, because FF put a Min-width to 570px, but Chrome and Opera, no :the you can test little width screen width little window screen in Chrome :).

Denis
The administrator has disabled public write access.

Mobile phone template for limesurvey 3 years 10 months ago #77531

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5839
  • Thank you received: 347
  • Karma: 261
sebb wrote:
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?
There is a new Limesurvey Template Shop which offers two different iPhone optimized Limesurvey templates.

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
Last Edit: 3 years 10 months ago by Mazi.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.237 seconds