Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi
  • Page :
  • 1
  • 2

SUJET : progress bar percentage on next line

progress bar percentage on next line il y a 3 ans 4 jours #66298

  • beckers
  • Portrait de beckers
  • Hors ligne
  • Fresh Lemon
  • Messages : 2
  • Karma: 0
In many browsers as Firefox, Explorer (not sure about others), the "100%" text of the progress bar moves to the next line when the user sets the text smaller (zooms out, ctrl-), see attachment for a screenshot. This happes with all the templates. How can this be prevented?
Pièces jointes :
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66324

  • machaven
  • Portrait de machaven
  • Hors ligne
  • LimeSurvey Team
  • Messages : 14
  • Remerciements reçus 2
  • Karma: 6
Hi,

I noticed if you change the css:

#progress-wrapper #progress-post {
float: left;
margin: 0 0 0 5px;
text-align: left;
width: 40px;
}

file: limesurvey/scripts/jquery/css/start/lime-progress.css

Where width was 45px to be 40px, then it doesn't move down. (Firefox 6)
Dernière édition: il y a 3 ans 3 jours par machaven. Raison: added file location
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66325

  • nico_8it
  • Portrait de nico_8it
  • Hors ligne
  • Junior Lime
  • Messages : 24
  • Remerciements reçus 1
  • Karma: 1
It's possible to remove it in the Template, in particular, in survey.pstpl
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66335

  • Dennis
  • Portrait de Dennis
  • Hors ligne
  • Fresh Lemon
  • Messages : 9
  • Remerciements reçus 1
  • Karma: 0
This solves it, thank you!

Could this fix be included in the next version?
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66336

  • Dennis
  • Portrait de Dennis
  • Hors ligne
  • Fresh Lemon
  • Messages : 9
  • Remerciements reçus 1
  • Karma: 0
nico_8it écrit:
It's possible to remove it in the Template, in particular, in survey.pstpl

Since 1.91+ there is an option not to display the progress bar (Survey Settings, presentation & navigation, Show progress bar).
L'administrateur a désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: nico_8it

Re: progress bar percentage on next line il y a 3 ans 3 jours #66339

  • machaven
  • Portrait de machaven
  • Hors ligne
  • LimeSurvey Team
  • Messages : 14
  • Remerciements reçus 2
  • Karma: 6
Dennis écrit:
This solves it, thank you!

Could this fix be included in the next version?

I will add it in :)
L'administrateur a désactivé l'accès en écriture pour le public.
Cet utilisateur a été remercié pour son message par: Dennis

Re: progress bar percentage on next line il y a 3 ans 3 jours #66341

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 6362
  • Remerciements reçus 827
  • Karma: 245
machaven écrit:
Dennis écrit:
This solves it, thank you!

Could this fix be included in the next version?

I will add it in :)
I test with some option, width of 40px aren't the best. ( then it break if you use Zoom text only very quickly).

I think we can use width in em, not in px. But maybe there are some better fix. ( display:inline, float ?)

:)
Dernière édition: il y a 3 ans 3 jours par DenisChenu.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66342

  • machaven
  • Portrait de machaven
  • Hors ligne
  • LimeSurvey Team
  • Messages : 14
  • Remerciements reçus 2
  • Karma: 6
Shnoulle écrit:
machaven écrit:
Dennis écrit:
This solves it, thank you!

Could this fix be included in the next version?

I will add it in :)
I test with some option, width of 40px aren't the best. ( then it break if you use Zoom text only very quickly).

I think we can use width in em, not in px. But maybe there are some better fix. ( display:inline, float ?)

:)

Thx for the suggestions, i will have a look at the options
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66364

  • DenisChenu
  • Portrait de DenisChenu
  • Hors ligne
  • Moderator Lime
  • Messages : 6362
  • Remerciements reçus 827
  • Karma: 245
machaven écrit:
Thx for the suggestions, i will have a look at the options
I try with:
#progress-wrapper #progress-pre {width:4em;margin-right:0.5em}
#progress-wrapper #progressbar {width:15em;margin:0;font-size:12px}
#progress-wrapper #progress-post {width:4em;margin-left:0.5em}
#progress-wrapper {width:25em;padding:0;font-size:12px}

Seems to work with default template / Firefox 6.02 on Linux / Zoom in/out / Zoom in/out text only.

:)

PS: shnoulle.limequery.com/96955/lang-en for testing
Dernière édition: il y a 3 ans 3 jours par DenisChenu.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: progress bar percentage on next line il y a 3 ans 3 jours #66365

  • machaven
  • Portrait de machaven
  • Hors ligne
  • LimeSurvey Team
  • Messages : 14
  • Remerciements reçus 2
  • Karma: 6
Nice works with chrome/chromium as well.
L'administrateur a désactivé l'accès en écriture pour le public.
  • Page :
  • 1
  • 2
Modérateurs: ITEd
Temps de génération de la page : 0.168 secondes
Donation Image