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

TOPIC: numerical input and progress bar background color

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

  • flink
  • flink's Avatar
  • Offline
  • Senior Lime
  • Posts: 42
  • 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 2 years 2 weeks ago #111633

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6214
  • Thank you received: 1376
  • Karma: 539
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.
Last Edit: 2 years 2 weeks ago by tpartner.
The administrator has disabled public write access.

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

  • flink
  • flink's Avatar
  • Offline
  • Senior Lime
  • Posts: 42
  • 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 2 years 1 week ago #111680

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6214
  • Thank you received: 1376
  • Karma: 539
What template are you using?
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.

numerical input and progress bar background color 2 years 1 week ago #111681

  • flink
  • flink's Avatar
  • Offline
  • Senior Lime
  • Posts: 42
  • 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 2 years 1 week ago #111683

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6214
  • Thank you received: 1376
  • Karma: 539
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.
The administrator has disabled public write access.
The following user(s) said Thank You: flink
Moderators: ITEd
Time to create page: 0.194 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form