LimeSurvey forums :: Topic: Modifying the Percentage Complete Bar? (1/2)

Welcome, Guest

TOPIC: Modifying the Percentage Complete Bar?

Modifying the Percentage Complete Bar? 2 years 3 months ago #56460

McNeil 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.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56464

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	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 LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56521

McNeil
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.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56525

holch OFFLINE LimeSurvey Team Posts: 1974 Thank you received: 156 Karma: 80	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 \| Question Attributes \| Workarounds If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going! The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56548

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	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 LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56550

Mazi OFFLINE LimeSurvey Team Posts: 5116 Thank you received: 261 Karma: 240	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)limesurvey.org'" The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56593

McNeil
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.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56594

Mazi OFFLINE LimeSurvey Team Posts: 5116 Thank you received: 261 Karma: 240	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)limesurvey.org'" The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56613

McNeil OFFLINE Fresh Lemon Posts: 7 Karma: 0	whatareuupto.com/limesurvey/index.php?sid=63777
	Last Edit: 2 years 3 months ago by McNeil. The administrator has disabled public write access.

Re: Modifying the Percentage Complete Bar? 2 years 3 months ago #56630

tpartner OFFLINE LimeSurvey Team Posts: 2869 Thank you received: 428 Karma: 246	Could you please activate the survey or allow previewing by non-admins?
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Forum

English support forums

Design issues

Modifying the Percentage Complete Bar?