Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:
  • Page:
  • 1
  • 2

TOPIC: IPad template

IPad template 3 years 4 months ago #93885

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9254
  • Thank you received: 1319
  • Karma: 382
Really -1.

Because LS dev don't have to choose the CSS framework.
Leave this to template and not for core.

2.2 and Plugin system can have such system for all question type.

Denis
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

IPad template 3 years 4 months ago #94050

  • murdok
  • murdok's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 3
  • Karma: 0
is there (will be) a plugin for bootstrap or foundation css framework ?

but i mean for those classes inside {}, must be core moded i guess, if we want to change the classes
fe:
<td class="submit-buttons">
{NAVIGATOR}
</td>

And because those classes are generated by jquery ui, well the only workarround i found for bootstrap was this
addyosmani.github.com/jquery-ui-bootstrap/index.html
but is something like what actually people is doing in the template.css files by overwritting jquery css styles

in the other hand the jquery mobile themes look pretty good too (radio n toggle buttons look really good here)
jquerymobile.com/themeroller/
the last version has some responsive guidelines for desktop compat
view.jquerymobile.com/1.3.0/docs/intro/rwd.php
Last Edit: 3 years 4 months ago by murdok.
The administrator has disabled public write access.

IPad template 3 years 4 months ago #94056

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9254
  • Thank you received: 1319
  • Karma: 382
You can adapat bootstrap css for every web page if you want.

Just take inspiration and don't just copy/paste.

Have a "getskeleton" inspirated template here: gitorious.org/skeletonquest/skeletonquest

Denis
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

IPad template 2 years 7 months ago #101915

  • mofog
  • mofog's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 18
  • Thank you received: 3
  • Karma: 2
Hi there!

I created a responsive template based on Bootstrap. You can get it here: mofog.github.io/BootstrapForLimeSurvey

Enjoy!
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103119

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5974
  • Thank you received: 366
  • Karma: 260
Mofog, do you have a link to an activated test survey for us?

Due to reasons mentioned here ("How to optimize LimeSurvey surveys for smartphones and tablets") I up to now preferred using a default template and a special, mobile optimized version in combination with a browser switch to load the mobile optimized template dynamically.

This works pretty well using e.g. this modern Limesurvey template and the related Limesurvey mobile optimized template.

- Limesurvey default template Demo survey
- Limesurvey mobile template Demo survey

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: 2 years 6 months ago by Mazi.
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103141

  • mofog
  • mofog's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 18
  • Thank you received: 3
  • Karma: 2
Hi Mazi,

Currently, there is a Demo survey available at http://bit.ly/1cIsil7. However, since we're still experimenting with LimeSurvey, I may not guarantee this link to work for a longer period of time.

I agree that your current approach may work well, but I think a one-piece-solution, i.e., a responsive template, would be easier to maintain.

Looking forward to your comments.
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103142

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5974
  • Thank you received: 366
  • Karma: 260
Many thanks for the link!

fransmarcelissen wrote:
If I use the mobile template on my samsung (with a 480x800 screen) the text looks very well, but the radio buttons are so small that it is very difficult to see which button is selected. Is there a way to make the button easier to read/larger?

Technically there is no way to increase the radio button or checkbook size. The only working solution I have seen is to place larger images on these elements and code some JavaScript to trigger the click event and activate the underlying radio button/checkbox.

There is a special Limesurvey iPad template and a tuned iPhone template. Here are the demo surveys:
- iPad template demo survey
- iPhone template demo survey

The larger radio buttons can be found on page 2 of the survey.

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: 2 years 6 months ago by Mazi.
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103149

  • mofog
  • mofog's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 18
  • Thank you received: 3
  • Karma: 2
Cool, I like the idea of such large radio buttons a lot!
To stick to Bootstrap's design guide though, I think it would make sense to use the built-in control sizing (http://getbootstrap.com/css/#forms).
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103269

  • philipp
  • philipp's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 8
  • Thank you received: 7
  • Karma: 1
Hi @ all,

it seems that my last post got deleted somehow. So another try:

[link removed due to forum rules]

Best regards,

Philipp
Last Edit: 2 years 6 months ago by Mazi. Reason: Removed link -> forum rules
The administrator has disabled public write access.

IPad template 2 years 6 months ago #103276

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5974
  • Thank you received: 366
  • Karma: 260
philipp wrote:
Hi @ all,

it seems that my last post got deleted somehow. So another try:
Hi Phillipp,

unfortunately we had to remove your post due to our forum rules: Links to websites offering Limesurvey related products for purchase are not allowed.

Feel free to become an official Limesurvey partner (for more information visit www.limesurvey.com/partners) and you even get your own banner :-)

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'"
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.259 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form