Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:

TOPIC: Modifying the Percentage Complete Bar?

Modifying the Percentage Complete Bar? 5 years 9 months ago #56460

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Is there any way to modify its appearance so its smaller or more compact?

I'm currently using LimeSurvey 1.91 Release Candidate 2
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56464

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6567
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56521

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
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
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56525

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5423
  • Thank you received: 807
  • Karma: 239
Custom templates are not stored in the template folder, but in /upload/templates
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | [url=https://manual.limesurvey.org/Workarounds[/url]

If you found this answer helpful and it saved you some time please consider a [url=https://donate.limesurvey.org[/url] to the...
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56548

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6567
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56550

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6027
  • Thank you received: 373
  • Karma: 260
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'"
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56593

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
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.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56594

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6027
  • Thank you received: 373
  • Karma: 260
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'"
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56613

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Last Edit: 5 years 9 months ago by McNeil.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56630

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6567
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56663

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
:unsure: Sorry. I've set up a test version here:

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

Thanks
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56664

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6567
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56684

  • McNeil
  • McNeil's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
That's done it :cheer: Thanks for your help guys, I really appreciate it.
The administrator has disabled public write access.

Modifying the Percentage Complete Bar? 5 years 9 months ago #56695

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6027
  • Thank you received: 373
  • Karma: 260
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'"
The administrator has disabled public write access.
Time to create page: 0.297 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form