Welcome, Guest
Username: Password: Remember me

TOPIC: IPad template

Re: IPad template 1 year 8 months ago #84499

  • anaxent
  • anaxent's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 2
  • Karma: 0
I suggest using Twitter Bootstrap as the frontend framework moving forward with themes.
twitter.github.com/bootstrap/
The framework was built by twitter using cssless (verekia.com/less-css/dont-read-less-css-...ial-highly-addictive), css3, html5 to work with in all modern browsers including mobile versions. It supports a 12-column grid and is responsive being able to adapt to the browsers screen size as well as orientation.
The administrator has disabled public write access.

Re: IPad template 1 year 8 months ago #84502

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5866
  • Thank you received: 718
  • Karma: 222
anaxent wrote:
I suggest using Twitter Bootstrap as the frontend framework moving forward with themes.
twitter.github.com/bootstrap/
The framework was built by twitter using cssless (verekia.com/less-css/dont-read-less-css-...ial-highly-addictive), css3, html5 to work with in all modern browsers including mobile versions. It supports a 12-column grid and is responsive being able to adapt to the browsers screen size as well as orientation.
twitter bootstrap is based on Skeleton ( www.getskeleton.com/ ). Think getskeleton is a better base for template, i have already a "getskeleton based template" with some adpatation more.

Less can be a good idea, put it in feature request.

Denis
Last Edit: 1 year 8 months ago by DenisChenu.
The administrator has disabled public write access.

Re: IPad template 1 year 8 months ago #84590

  • Mazi
  • Mazi's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 5279
  • Thank you received: 289
  • Karma: 246
In the long run all those old and poorly structured shipped templates have to be replaced because they are really outdated.
So if someone can offer a bootstrap or Skeleton template and will help us to keep it up to date, we are happy to add it to Limesurvey 2.

Denis has done this with one of his templates and our users really love it. So if you want to contribute to Limesurvey, sharing a professional template is one way.

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: 1 year 8 months ago by Mazi.
The administrator has disabled public write access.
The following user(s) said Thank You: onderzoekspraktijk

IPad template 1 year 1 month ago #93855

  • murdok
  • murdok's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • Karma: 0
Hi here is a nice comparation
responsive.vermilion.com/compare.php
i think that chosing bootstrap or foundation should be nice, thinking in the future updates
:laugh:
The administrator has disabled public write access.

IPad template 1 year 1 month ago #93869

+1
The administrator has disabled public write access.

IPad template 1 year 1 month ago #93885

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5866
  • Thank you received: 718
  • Karma: 222
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
The administrator has disabled public write access.

IPad template 1 year 1 month 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: 1 year 1 month ago by murdok.
The administrator has disabled public write access.

IPad template 1 year 1 month ago #94056

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5866
  • Thank you received: 718
  • Karma: 222
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
The administrator has disabled public write access.

IPad template 4 months 4 weeks 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 3 months 2 weeks ago #103119

  • Mazi
  • Mazi's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 5279
  • Thank you received: 289
  • Karma: 246
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: 3 months 2 weeks ago by Mazi.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.176 seconds
Donation Image