Welcome, Guest
Username: Password: Remember me

TOPIC: Color and alignment of navigation buttons

Color and alignment of navigation buttons 2 years 2 months ago #97379

  • shizhao
  • shizhao's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 4
  • Karma: 0
Hi there,
I have two questions about the navigation buttons:
I changed the color of the text, background and the border of the buttons, but I don’t know how to change the color of those two arrows...Or get rid of them?

Secondly, I wonder can I change the alignment of these two buttons. I want to put the “next” button in the lower left corner and the “back” button in the lower right corner of the screen. Can I do that?

Thanks!

Attachment Capture.JPG not found

This message has an attachment image.
Please log in or register to see it.

The administrator has disabled public write access.

Color and alignment of navigation buttons 2 years 2 months ago #97381

  • actxcellence
  • actxcellence's Avatar
  • Offline
  • Junior Lime
  • Posts: 37
  • Thank you received: 7
  • Karma: 0
You need to work with the jquery in the theme folder

see
your-theme/jquery-ui-custom.css
look at the comment line 50 (approx) it contains a long long link...

the arrow is part of the sprite-png-colletions in the your-theme/image folder of your theme.
But before you start to modify it, study
jqueryui.com/themeroller/
see your-theme/jquery-ui-custom.css and look at the comment line 50 (approx) it contains a long long link...
Schon die Bedienungsanleitung von LimeSurvey angeschaut?
Bedienungsanleitung (DE) | Tricks, um mehr Antworten auf Fragen im Forum zu erhalten
The administrator has disabled public write access.

Color and alignment of navigation buttons 2 years 2 months ago #97403

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 7495
  • Thank you received: 1021
  • Karma: 296
Hello,

You can look to at citronade template : don't use jquery-ui but only css.

Look at template.js to deactive jquery-ui button and template.css for background-image.

Denis
The administrator has disabled public write access.
The following user(s) said Thank You: shizhao

Color and alignment of navigation buttons 2 years 2 months ago #97477

  • shizhao
  • shizhao's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 4
  • Karma: 0
Thanks! I can change the background color now!

But is there a way to change their placement? I want to put "next" on the left and "previous" on the right.
The administrator has disabled public write access.

Color and alignment of navigation buttons 2 years 2 months ago #97488

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 7495
  • Thank you received: 1021
  • Karma: 296
What i use in skeletonquest (for little screen only):

gitorious.org/skeletonquest/skeletonques...r/template.js#line91
$('#moveprevbtn').insertAfter('#movenextbtn');
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.151 seconds