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

TOPIC: New template based on Bootstrap

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

  • tammo
  • tammo's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 42
  • Thank you received: 3
  • 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 1 day 4 hours ago #114892

  • smail
  • smail's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • 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: 1 day 4 hours ago by smail.
The administrator has disabled public write access.

Bootstrap based template: Version 2 now available 1 day 3 hours ago #114899

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5426
  • Thank you received: 307
  • Karma: 252
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 day 3 hours ago by Mazi.
The administrator has disabled public write access.

New template based on Bootstrap 23 hours 23 minutes ago #114912

  • smail
  • smail's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • 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 22 hours 6 minutes ago #114918

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5426
  • Thank you received: 307
  • Karma: 252
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 5 hours 23 minutes ago #114933

  • smail
  • smail's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 3
  • 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: 5 hours 22 minutes ago by smail.
The administrator has disabled public write access.

New template based on Bootstrap 5 hours 7 minutes ago #114935

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5426
  • Thank you received: 307
  • Karma: 252
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 1 hour 43 minutes 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.348 seconds
Donation Image