Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:
  • Page:
  • 1
  • 2

TOPIC: progress bar percentage on next line

progress bar percentage on next line 3 years 8 months ago #91656

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
Not sure if this will help anyone, but I was having this same problem in version 2.0.

The .css file to change was ina different place thn what is listed above: limesurvey/styles-public/lime-progress.css"

Also, the style changes I made produce the desired effect - at least in Chrome - but they are slightly different.for noob/non-coders like me, I included the original .css markup that ships with 2.0 (commented out) along with the additions I made.

/*****
Default styles for the jQuery UI progress bar
*****/

/*
#progress-wrapper {
width: 252px;
height: 2em;
margin: 10px auto 0 auto;
font-size: 12px;
}
*/

#progress-wrapper {
width: 25em;
height: 2em;
padding:0;
margin: 1em auto 0 auto;
font-size: 12px;
}


/*
#progress-wrapper #progress-pre {
float: left;
margin: 0 5px 0 0;
width: 45px;
text-align: right;
}
*/

#progress-wrapper #progress-pre {
float: left;
margin: 0 0.5em 0 0;
width: 4em;
text-align: right;
}


#progress-wrapper .ui-widget-content {
float: left;
width: 150px;
height: 1em;
text-align: left;
border: 1px solid #666666;
}

#progress-wrapper .ui-widget-header {
background-color: #AAAAAA;
background-image: none;
border: 1px solid #666666;
}

/*
#progress-wrapper #progress-post {
float: left;
margin: 0 0 0 5px;
width: 45px;
text-align: left;
}
*/
#progress-wrapper #progress-post {
float: left;
margin: 0 0 0 0.5em;
width: 4em;
text-align: left;
}

/*New addition*/
#progress-wrapper #progressbar {width:15em;margin:0;font-size:12px}

Seems to work.
-Nebraska David
The administrator has disabled public write access.
The following user(s) said Thank You: arpsh

progress bar percentage on next line 3 years 8 months ago #91676

  • tpartner
  • tpartner's Avatar
  • Online
  • LimeSurvey Team
  • Posts: 6317
  • Thank you received: 1407
  • Karma: 546
Keep this up and you're going to have to drop the "noob/non-coder" bit :cheer:
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.

progress bar percentage on next line 3 years 5 months ago #94451

  • arpsh
  • arpsh's Avatar
  • Offline
  • Premium Lime
  • Posts: 24
  • Karma: 0
Thanks David - that tweak works great in limesurvey 2 with the limespired template - I have checked it in chrome, firefox and IE.

The problem had niggled me for a while, but being a 'noob/non-coder' felt ill equipped to tackle the problem - I think you did yourself down with that label! ;)
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.243 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form