How can I add page loading spinner while starting or resuming survey

More
7 months 4 weeks ago #193176 by schouhan
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.

Please Log in to join the conversation.

LimeSurvey Partners
More
7 months 4 weeks ago #193178 by Joffm
Hi,
you may have a look at Denis' "skelvanilla" theme (available in LimeStore).
There is a spinner implemented.

Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

More
7 months 4 weeks ago #193203 by DenisChenu

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

More
4 months 3 weeks ago #198311 by oledole
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?

Please Log in to join the conversation.

More
1 month 1 week ago #203966 by oledole
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.

Please Log in to join the conversation.

More
1 month 2 days ago #204401 by DenisChenu
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 …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development . I don't answer to private message.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now