Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

New template based on Bootstrap

  • tammo
  • tammo's Avatar Topic Author
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 4 months ago #114654 by tammo
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 at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The following user(s) said Thank You: adishardis
The topic has been locked.
More
9 years 4 months ago - 9 years 4 months ago #114892 by smail
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: 9 years 4 months ago by smail.
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 4 months ago - 9 years 4 months ago #114899 by Mazi
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:
Code:
// 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
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Last edit: 9 years 4 months ago by Mazi.
The topic has been locked.
More
9 years 4 months ago #114912 by smail
Replied by smail on topic New template based on Bootstrap
During further testing, I assume that two bootstrap files are not uploaded as well:
Code:
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 topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 4 months ago #114918 by Mazi
Replied by Mazi on topic New template based on Bootstrap

smail wrote: During further testing, I assume that two bootstrap files are not uploaded as well:

Code:
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
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
More
9 years 4 months ago - 9 years 4 months ago #114933 by smail
Replied by smail on topic New template based on Bootstrap
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.



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:



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: 9 years 4 months ago by smail.
The following user(s) said Thank You: tammo
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 4 months ago #114935 by Mazi
Replied by Mazi on topic New template based on Bootstrap
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
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
More
9 years 4 months ago #114945 by artesea
Replied by artesea on topic New template based on Bootstrap
The no-more-tables is good, but I've already added one line to the css file (just before the final bracket)
Code:
.no-more-tables th.answertext { width: 100%; }
This stops (at least for the test I ran) the answertext being set to 20%.
The topic has been locked.
More
9 years 1 month ago #117732 by misterdot
Replied by misterdot on topic New template based on Bootstrap
Thanks, Tammo - this template is great! I'm currently using it with the no-more-tables solution (thanks, smail!) and most things work, but I can't seem to get the exclusive option to work with multiple choice questions. It ignores that option. Have you seen this behavior? Also, are there any other question types that you know of that do or don't work? I've attached a sample survey.
The topic has been locked.
  • tammo
  • tammo's Avatar Topic Author
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 1 month ago #117734 by tammo
Replied by tammo on topic New template based on Bootstrap
Hi misterdot,

we know that multiple choice does not work well. We are working on a solution, will probably be available for dowload next week.

We are working now on a free template and a template with some more functionality which will be sold.

Stay tuned...

Have a great weekend!

Tammo ter Hark


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The following user(s) said Thank You: misterdot
The topic has been locked.
  • Mazi
  • Mazi's Avatar
  • Offline
  • Official LimeSurvey Partner
  • Official LimeSurvey Partner
More
9 years 1 month ago #117737 by Mazi
Replied by Mazi on topic New template based on Bootstrap

misterdot wrote: Thanks, Tammo - this template is great! I'm currently using it with the no-more-tables solution (thanks, smail!) and most things work, but I can't seem to get the exclusive option to work with multiple choice questions. It ignores that option. Have you seen this behavior? Also, are there any other question types that you know of that do or don't work? I've attached a sample survey.

@misterdot, are you sure it really doesn't work or maybe it just doesn't display correctly but still disables items at the background?

Do you see any JavaScript errors?

Did you check results when using this feature? E.g.
- first select option 1 at a multiple choice question
- click next (that already writes the results to the DB)
- check results if option 1 was saved
- go back and click the exclusive option
- click next
- check results again

Maybe it removes the previously saved option 1 from the results?!

Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
More
9 years 1 month ago #117742 by misterdot
Replied by misterdot on topic New template based on Bootstrap
Mazi,
You are correct - if I test as you describe, it writes the correct value to the DB, but the display doesn't disable the other choices.

If I select the exclusive option (value=5) and another option (value=1), it writes 5 to the DB. When I go back, the exclusive option is the only one that displays until I uncheck it, then the other choices come back. Selecting non-exclusive options works as expected.

So yes, it seems to just be a JavaScript issue. I don't see any errors on the console (inspect element in Chrome).
Thanks!
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose