Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: New template based on Bootstrap

Bootstrap based template: Version 2 now available 3 months 1 week ago #114654

  • tammo
  • tammo's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 61
  • Thank you received: 4
  • Karma: 1
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.

Bootstrap based template: Version 2 now available 3 months 20 hours 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.

upload.png


fonts.png


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?

tempcss.png
Last Edit: 3 months 20 hours ago by smail.
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 3 months 19 hours ago #114899

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5587
  • Thank you received: 319
  • Karma: 254
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: 3 months 19 hours ago by Mazi.
The administrator has disabled public write access.

New template based on Bootstrap 3 months 15 hours 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 3 months 14 hours ago #114918

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5587
  • Thank you received: 319
  • Karma: 254
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.

New template based on Bootstrap 2 months 4 weeks ago #114933

  • smail
  • smail's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • Thank you received: 1
  • Karma: 0
Regarding responsive design, what I disliked so far is the behavior of answer tables. On smaller devices (viewports) the tables are often bigger than the viewport, which is not very usable and looks ugly.

overflow.png


Recently I discoverd an intersting solution for this problem:
bootsnipp.com/snippets/featured/no-more-...es-respsonsive-table


So I tried to implement this in into the basic bootstrap template, the result you can see here:
responsive-table.png



The needed css and js files are here (just insert into the head):

File Attachment:

File Name: no-more-tables.zip
File Size: 1 KB


Tested only in FF, on Iphone and Samsung Galaxy.
Mabye this is useful for anyone or can be implemented in future versions of the template.
Last Edit: 2 months 4 weeks ago by smail.
The administrator has disabled public write access.
The following user(s) said Thank You: tammo

New template based on Bootstrap 2 months 4 weeks ago #114935

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5587
  • Thank you received: 319
  • Karma: 254
Wow, that's a really great solution. Tables have always caused problems because of the limited width on smaller devices. This is a pretty good fix!

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 2 months 4 weeks ago #114945

  • artesea
  • artesea's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 1
  • Karma: 0
The no-more-tables is good, but I've already added one line to the css file (just before the final bracket)
.no-more-tables th.answertext { width: 100%; }
This stops (at least for the test I ran) the answertext being set to 20%.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.344 seconds
Donation Image