Hi All,

I want to add a page loading spinner while launching a new survey or resuming partially submitted surveys. How can I achieve this in limesurvey? Please help me on implementing this.

I'm using lime-survey-3.21 version.

Please anyone respond soon.

Hi,
you may have a look at Denis' "skelvanilla" theme (available in LimeStore).
There is a spinner implemented.

Joffm

Better to get it on extensions.sondages.pro/themes-and-templ...bility/download.html

Else : it's css + js

JS : gitlab.com/SondagesPro/SurveyThemes/skel...s/skelvanilla.js#L93

CSS : gitlab.com/SondagesPro/SurveyThemes/skel...elvanilla.css#L28-54

Hei, sorry for reviving this old thread, but I came across this when looking for a loader similar to what is in your theme. I wanted to use this for my own theme. However, just taking the css/js part you've linked doesn't work. Do one need to use some of the twig template too?

Asking again here since its been some months without development.

I think this is something a lot of people wants (seems thread have quite a few views), but I think a lot of people have own theme and must manage to make this work in their own theme. Is there a possibility to provide a more detailed description of how to manage this? As I said, using the same code that was linked above didn't seem to work for me, so I'm assuming something else must be done too that I've overlooked.

The principle

The html have 2 separate content
1. The main content : gitlab.com/SondagesPro/SurveyThemes/skel...t_global.twig#L30-56
2. The loader : gitlab.com/SondagesPro/SurveyThemes/skel...yout_global.twig#L58

If js is activated : (body have class js by limesurvey-core system)
Then we hide main content during loading : gitlab.com/SondagesPro/SurveyThemes/skel...elvanilla.css#L33-35
We show loader during loading : gitlab.com/SondagesPro/SurveyThemes/skel...elvanilla.css#L55-57

When all javascript is done : we update the body class name : from body-loading to body-loaded : gitlab.com/SondagesPro/SurveyThemes/skel...kelvanilla.js#L95-97
And we attach events on the action button (and specific link) : gitlab.com/SondagesPro/SurveyThemes/skel...elvanilla.js#L98-111

Before i use unload, but this broke with some link …