Welcome, Guest
Username: Password:

TOPIC: Mobile phone template for limesurvey

Mobile phone template for limesurvey 4 years 2 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 4 years 2 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 4 years 2 months ago #76776

  • DenisChenu
  • DenisChenu's Avatar
  • Online
  • Moderator Lime
  • Posts: 8897
  • Thank you received: 1244
  • Karma: 372
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: 4 years 2 months ago by DenisChenu.
The administrator has disabled public write access.

Mobile phone template for limesurvey 4 years 2 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 4 years 2 months ago #76803

  • Ben_V
  • Ben_V's Avatar
  • Online
  • Platinum Lime
  • Posts: 1712
  • Thank you received: 426
  • Karma: 106
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

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
All LS releases => bit.ly/1VMuTDu | 2.06lts => bit.ly/1Qv44A1
Demo surveys => bit.ly/20NW9V8 (already included in /docs/demosurveys)
Last Edit: 4 years 2 months ago by Ben_V.
The administrator has disabled public write access.

Mobile phone template for limesurvey 4 years 2 months ago #76808

  • DenisChenu
  • DenisChenu's Avatar
  • Online
  • Moderator Lime
  • Posts: 8897
  • Thank you received: 1244
  • Karma: 372
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 4 years 2 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 4 years 2 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 4 years 2 months ago #76841

  • DenisChenu
  • DenisChenu's Avatar
  • Online
  • Moderator Lime
  • Posts: 8897
  • Thank you received: 1244
  • Karma: 372
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 4 years 2 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 4 years 2 months ago #76846

  • DenisChenu
  • DenisChenu's Avatar
  • Online
  • Moderator Lime
  • Posts: 8897
  • Thank you received: 1244
  • Karma: 372
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 4 years 1 month ago #77531

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5964
  • Thank you received: 364
  • Karma: 259
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: 4 years 1 month ago by Mazi.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.356 seconds