Welcome, Guest
Username: Password: Remember me

TOPIC: numerical input and progress bar background color

numerical input and progress bar background color 1 month 2 weeks ago #111613

  • flink
  • flink's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 19
  • 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 1 month 2 weeks ago #111633

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4207
  • Thank you received: 791
  • Karma: 360
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: 1 month 2 weeks ago by tpartner.
The administrator has disabled public write access.

numerical input and progress bar background color 1 month 2 weeks ago #111638

  • flink
  • flink's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 19
  • 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 1 month 2 weeks ago #111680

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4207
  • Thank you received: 791
  • Karma: 360
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 1 month 2 weeks ago #111681

  • flink
  • flink's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 19
  • Karma: 0
I'm using a modified version of limespired.
The administrator has disabled public write access.

numerical input and progress bar background color 1 month 2 weeks ago #111683

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4207
  • Thank you received: 791
  • Karma: 360
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.146 seconds
Donation Image