Welcome, Guest
Username: Password: Remember me

TOPIC: numerical input and progress bar background color

numerical input and progress bar background color 11 months 2 weeks ago #111613

  • flink
  • flink's Avatar
  • Offline
  • Junior Lime
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
Hello everyone,

I have some questions regarding background colors.

1) How do I change the background color of numerical input fields?
2) Is it possible to set a "focus" background color to numerical fields (i.e., the bg color when the input is made)
3) Can I change the background color of the progress bar somehow?

Thank you for help!

Best

Benjamin
The administrator has disabled public write access.

numerical input and progress bar background color 11 months 2 weeks ago #111633

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5029
  • Thank you received: 1038
  • Karma: 433
All of those can be modified in the template.

Please refer to the manual - manual.limesurvey.org/The_template_editor



.
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Last Edit: 11 months 2 weeks ago by tpartner.
The administrator has disabled public write access.

numerical input and progress bar background color 11 months 2 weeks ago #111638

  • flink
  • flink's Avatar
  • Offline
  • Junior Lime
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
Thank you for your answer! I figured questions 1) and 2) out, but the manual doesn't tell, how to solve no. 3). It just states how to change color of the border and the bar itself. I want to get rid of the white background of the empty parts of the bar.
The administrator has disabled public write access.

numerical input and progress bar background color 11 months 2 weeks ago #111680

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5029
  • Thank you received: 1038
  • Karma: 433
What template are you using?
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

numerical input and progress bar background color 11 months 2 weeks ago #111681

  • flink
  • flink's Avatar
  • Offline
  • Junior Lime
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
I'm using a modified version of limespired.
The administrator has disabled public write access.

numerical input and progress bar background color 11 months 2 weeks ago #111683

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5029
  • Thank you received: 1038
  • Karma: 433
Add this to the end of template.css:

#progress-wrapper .ui-widget-content {
    background: none #FFC0CB;
}
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.
The following user(s) said Thank You: flink
Moderators: ITEd
Time to create page: 0.282 seconds