Welcome, Guest
Username: Password:

TOPIC: New template based on Bootstrap

New template based on Bootstrap 1 year 9 months ago #111035

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
A customer (Dutch workers union FNV Bondgenoten) was not satisfied with the available templates in LimeSurvey, so we designed one for them.

We started with the few question types that they wanted to use in their surveys and later started to diverge.

We are currently at a stage where we want to share this work in progress with the community.

If you are interested, please download the attached template and test it and give us feedback. We will work on this freely downloadable template whenever we have the time for that and when we see the need for our use cases.

The basic template will remain free, we are of course for hire for special needs.

The template as is has at least the following requirements and know shortcomings:
  • only usable for LimeSurvey 2.0 and up
  • not usable in Internet Explorer 8.0 and lower
  • not all questions types have been implemented
  • ... please tell us

We are Tools for Research, a small Dutch organisation that provides support for research oriented organisations. We develop in Drupal, LimeSurvey and some other PHP-based open source platforms.

An example of our work: Demo.gewoongoedwerkmeter.nl (sorry in Dutch only), which presents you with a (still LS 1.92 based) survey and a custom made report at the end.


File Attachment:

File Name: basic.zip
File Size:324 KB

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
Last Edit: 1 year 9 months ago by tammo. Reason: typo
The administrator has disabled public write access.

New template based on Bootstrap 1 year 9 months ago #111044

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5937
  • Thank you received: 360
  • Karma: 258
Thanks for sharing your template. Maybe you can outline the biggest problems you faced when creating a Bootstrap version of a Limesurvey template?

Which question types are not supported yet?

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.

New template based on Bootstrap 1 year 9 months ago #111045

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
What has been tested to work:
  • short free text
  • long free text
  • date/time (styling for time not yet done)
  • yes/no
  • gender
  • multiple choice
  • Array (5 point choice)
  • List (dropdown)
  • List (radio)
  • List with comment
  • Array (still missing hover over row)
  • Array by column (still missing hover over column)
  • Multiple numerical input
  • Multiple numerical input (slider)
  • Ranking

Other questions have not been tested yet.

We will come up with a report on what were challenges. Our developers complained a bit about inconsistent coding in Limesurvey sources, they then used javascript to alter placing of classes etc.. The main coders are on holiday now, will be back in three weeks.

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114485

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
We have greatly improved the template.
In IE8 it will look less good, but it will still be usable.

Please let us know of any found issues. We may not be able to address all issues, though, but we will certainly look at it.

Tammo ter Hark
Tools for Research
www.toolsforresearch.com

File Attachment:

File Name: basic_2014-11-14.zip
File Size:329 KB

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
Last Edit: 1 year 5 months ago by tammo.
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114563

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 4736
  • Thank you received: 689
  • Karma: 209
Hi!

Tried to install this template and I get the following error message:
Unable to add {TEMPLATEJS} placeholder, please check your startpage.pstpl.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114567

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
I have not seen this message before. What version of LS are you using?

And where did you put the template? We put it in upload/templates

The name of the theme ( in my installation) is tfr

Tammo

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
Last Edit: 1 year 5 months ago by tammo. Reason: added second line
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114568

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 4736
  • Thank you received: 689
  • Karma: 209
Latest install. Version 2.05+ Build 141113.

I have seen a similar complaint last week for a bootstrap based template and I tested it with the skeleton template from Denis and a similar error message appears. might be a bug in the latest version of LS.

Currently checking.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114569

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
Glad I did not update yet ;-)

Tammo

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114572

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5937
  • Thank you received: 360
  • Karma: 258
I just tested your Demo at Demo.gewoongoedwerkmeter.nl/ and there are two slashes top right, probably some left over comment or the like at the .pstpl file:


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.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114573

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5937
  • Thank you received: 360
  • Karma: 258
It also looks like your template.js file is placed at a subfolder of the template ("/js", see screenshot above) which can cause the problem mentioned earlier.

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.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114654

  • tammo
  • tammo's Avatar
  • Offline
  • Premium Lime
  • Posts: 308
  • Thank you received: 51
  • Karma: 13
We will get rid of the // of course.
We hope to have the flexibility to pput files in another location than the root of the template, we think that the current way of putting all files together, is a bit messy.

Since the previous release we added support for the slider question and the double array.

Tammo ter Hark
Tools for Research
Haarlem/Amsterdam, The Netherlands
The administrator has disabled public write access.
The following user(s) said Thank You: adishardis

Bootstrap based template: Version 2 now available 1 year 5 months ago #114892

  • smail
  • smail's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 3
  • Thank you received: 1
  • Karma: 0
Hey tammo, first of all, thanks for the great work!


By uploading the template unsing the buildin limesurvey upload function, I noticed, that the fonts directory was not uploaded although the import log says so. Adding the missing files by ftp solves the problem and the template workes fine. But I think, this is not the way, the upload is intended to work.





Does anyone else discoverd this problem? Does limesurvey block upload of specific file types?



By checking missing files I noticed that the template tries to use a temp.css, but the file is not included in the template. Maybe some left over from testing?

Last Edit: 1 year 5 months ago by smail.
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 year 5 months ago #114899

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5937
  • Thank you received: 360
  • Karma: 258
I assume the data at the fonts folder was not uploaded because the files do not meet the file types allowed to upload by default, see config-defaults.php at /application/config:
// File types allowed to be uploaded in the templates section.
$config['allowedtemplateuploads'] = 'gif,ico,jpg,png,css,js';

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

New template based on Bootstrap 1 year 5 months ago #114912

  • smail
  • smail's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 3
  • Thank you received: 1
  • Karma: 0
During further testing, I assume that two bootstrap files are not uploaded as well:
css/vendorbootstrap/bootstrap.min.css 
js/vendor/bootstrap-sass/js/bootstrap.min.js

May this also be caused by the restriction of file types?
The administrator has disabled public write access.

New template based on Bootstrap 1 year 5 months ago #114918

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5937
  • Thank you received: 360
  • Karma: 258
smail wrote:
During further testing, I assume that two bootstrap files are not uploaded as well:
css/vendorbootstrap/bootstrap.min.css 
js/vendor/bootstrap-sass/js/bootstrap.min.js

May this also be caused by the restriction of file types?
Usually not because CSS and JS files are allowed to be uploaded.

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.
Moderators: ITEd
Time to create page: 0.268 seconds