Check out the LimeSurvey source code on GitHub!

Modifying the Percentage Complete Bar?

More
6 years 2 weeks ago #56460 by McNeil
Is there any way to modify its appearance so its smaller or more compact?

I'm currently using LimeSurvey 1.91 Release Candidate 2

Please Log in to join the conversation.

More
6 years 2 weeks ago #56464 by tpartner
Yes, you can do this with CSS. You can use a tool like Firebug for Firefox to discover elements and styles and test changes.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56521 by McNeil
Thanks for getting back to me.

I've tried modifying the CSS but whenever I save the changes aren't applied despite the /templates folder having full read and write permissions (777)

This is the piece of code I added to the template.css of my custom template from one of the other templates so I could modify the look of the progress bar. I don't know if I'm on the right track?

/************** Progress bar ********************/
#progress-wrapper .ui-widget-content {
  border: 1px solid #FFFFFF;
}
 
#progress-wrapper .ui-widget-header {
  background-color: #EFE5CA;
  border: 1px solid #999999;
}

To be honest, all I want to do is remove the 'You have completed 50% of this survey' part. Can anyone help?

Thanks

Please Log in to join the conversation.

More
6 years 2 weeks ago #56525 by holch
Custom templates are not stored in the template folder, but in /upload/templates

I'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Please Log in to join the conversation.

More
6 years 2 weeks ago #56548 by tpartner

To be honest, all I want to do is remove the 'You have completed 50% of this survey' part.

That text is contained in a span with the class "hide". In the default template it's hidden with the following rules. Try adding them to the end of template.css.
.hide {
    font-weight: normal;
    left: -9999px;
    position: absolute;
    top: -9999px;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56550 by Mazi

McNeil wrote: I've tried modifying the CSS but whenever I save the changes aren't applied despite the /templates folder having full read and write permissions (777)

Problem solved?

If not, switch on debug mode by adding the following line to your config.php file:
$debug = '1';

Are there any additional errors reported on top of the page when trying to save your modifications?


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

More
6 years 2 weeks ago #56593 by McNeil

tpartner wrote:

To be honest, all I want to do is remove the 'You have completed 50% of this survey' part.

That text is contained in a span with the class "hide". In the default template it's hidden with the following rules. Try adding them to the end of template.css.
.hide {
    font-weight: normal;
    left: -9999px;
    position: absolute;
    top: -9999px;
}


I tried adding this to the end of the template.css but 'You have completed 50% of this survey 0%100%' is still there. Hmmmm...not sure where to go from here but I'll keep trying.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56594 by Mazi
Can you post a link to a sample survey?


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

More
6 years 2 weeks ago - 6 years 2 weeks ago #56613 by McNeil
Last Edit: 6 years 2 weeks ago by McNeil.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56630 by tpartner
Could you please activate the survey or allow previewing by non-admins?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56663 by McNeil
:unsure: Sorry. I've set up a test version here:

whatareuupto.com/limesurvey/index.php?sid=63777&lang=en

Thanks

Please Log in to join the conversation.

More
6 years 2 weeks ago #56664 by tpartner
You don't have any link to template.css in the <head> element of your survey, just a bunch of inline styles.

Add the following placeholder to the <head> element in startpage.pstpl right before the inline styles. Note that this may change the layout because all styles in template.css will be imported.
{TEMPLATECSS}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
6 years 2 weeks ago #56684 by McNeil
That's done it :cheer: Thanks for your help guys, I really appreciate it.

Please Log in to join the conversation.

More
6 years 1 week ago #56695 by Mazi

McNeil wrote: That's done it :cheer: Thanks for your help guys, I really appreciate it.

You're welcome!

If our hints have been helpful and you enjoy limesurvey please consider a donation to the team .
We do all this in our free time and you don't have to pay a penny for this software.

Without your help we can't keep this project alive.


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form