Check out the LimeSurvey source code on GitHub!

Mobile phone template for limesurvey

More
4 years 11 months ago #76711 by sebb
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?

Please Log in to join the conversation.

More
4 years 11 months ago #76749 by davidspivak
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.

Please Log in to join the conversation.

More
4 years 11 months ago - 4 years 11 months ago #76776 by DenisChenu
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.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
Last Edit: 4 years 11 months ago by DenisChenu.

Please Log in to join the conversation.

More
4 years 11 months ago #76799 by davidspivak
Hi Denis,
I'm using an iPhone.
Line 20 of template.css says:
a:hover, a:focus, a:active {background-color: #E5F8A8;color: #5670A1;}

Please Log in to join the conversation.

More
4 years 11 months ago - 4 years 11 months ago #76803 by Ben_V
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
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last Edit: 4 years 11 months ago by Ben_V.

Please Log in to join the conversation.

More
4 years 11 months ago #76808 by DenisChenu

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 ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 11 months ago #76813 by davidspivak
1.0

Is there a newer one? Where can I find it?

Please Log in to join the conversation.

More
4 years 11 months ago #76836 by sebb
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

Please Log in to join the conversation.

More
4 years 11 months ago #76841 by DenisChenu

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 ;).

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 11 months ago #76845 by sebb
Hi Dennis,

Where exactly did u make those changes?

Please Log in to join the conversation.

More
4 years 11 months ago #76846 by DenisChenu

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

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 10 months ago - 4 years 10 months ago #77531 by Mazi

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)survey-consulting.com'"
Last Edit: 4 years 10 months ago by Mazi.

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form