Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : Problem with template

Problem with template il y a 1 an 1 mois #98367

  • giankuka
  • Portrait de giankuka
  • Hors ligne
  • Junior Lime
  • Messages : 28
  • Karma: 0
Hi, I would like to fix this problem with alignment of the arrows at the end of the pages. See the pictures attached. Thanks for help :-)

La pièce jointe arrows.jpg est absente ou indisponible

L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98432

  • Shaq
  • Portrait de Shaq
Hi,

These buttons got different classes in css file.

Previous button :

<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-w"></span><span class="ui-button-text">Previous</span>

Next button :

<span class="ui-button-text">Next</span><span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-e"></span>

If you look into the jquery-ui.css (limesurvey/style/yourstyle/jquery-ui/jquery-ui.css) :

.ui-icon-triangle-1-e {
background-position: -32px -16px;
}

.ui-icon-triangle-1-w {
background-position: -96px -16px;
}

So, try to find the right settings. I hope it will help.

Regards,

Shaq
Dernière édition: il y a 1 an 1 mois par Shaq.
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98494

  • giankuka
  • Portrait de giankuka
  • Hors ligne
  • Junior Lime
  • Messages : 28
  • Karma: 0
Sorry, the right is : If you look into the jquery-ui.css (limesurvey/style/yourstyle/jquery-ui/jquery-ui.css) or (limesurvey/styles-public/jquery-ui.css)?
Thanks
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98498

  • Shaq
  • Portrait de Shaq
I'm sorry. I've made a mistake. The right file is ~/templates/yourtemplate/jquery-ui-custom.css


You'll see something like :

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
..ui-icon-triangle-1-e { background-position: -32px -16px; }.
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

Style doesn't affect all the jquery ui into a specific template. It's modified by this css, on each template.
Dernière édition: il y a 1 an 1 mois par Shaq.
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98499

  • giankuka
  • Portrait de giankuka
  • Hors ligne
  • Junior Lime
  • Messages : 28
  • Karma: 0
Shaq écrit:
I'm sorry. I've made a mistake. The right file is ~/templates/yourtemplate/jquery-ui-custom.css


You'll see something like :

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
..ui-icon-triangle-1-e { background-position: -32px -16px; }.
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

Style doesn't affect all the jquery ui into a specific template. It's modified by this css, on each template.

In this way really I change only the type of arrows into this file (/styles-public/images/ui-icons_6da8d5_256x240.png), but not its aligment...
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98500

  • Shaq
  • Portrait de Shaq
You can find these icons there ~\templates\yourtemplate\images\ui-icons_3d80b3_256x240.png (for example)

Try to modify the type of arrows, but to my mind, all kind of arrows have got the same size.
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98503

  • giankuka
  • Portrait de giankuka
  • Hors ligne
  • Junior Lime
  • Messages : 28
  • Karma: 0
Shaq écrit:
You can find these icons there ~\templates\yourtemplate\images\ui-icons_3d80b3_256x240.png (for example)

Try to modify the type of arrows, but to my mind, all kind of arrows have got the same size.
Really I would like only to have the arrow beside to "NEXT" or "PREVIOUS" and not below like other template (for example Default template).
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 1 mois #98543

  • Shaq
  • Portrait de Shaq
I've understand. But, you have inevitably selected a template for your survey. So the changes will have to be done in its css file. "background-position" is used to define the position of the arrow.
L'administrateur a désactivé l'accès en écriture pour le public.

Problem with template il y a 1 an 2 semaines #98955

  • chochko
  • Portrait de chochko
For the NEXT and PREV buttons you will need to overwrite/specify the CSS in your template.css.
You'll have to specify the CSS for:
.ui-button-text-icon-primary
.ui-button-text-icon-secondary

So something like this will have to be added to the template.css:

button.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
margin-top: -1px;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 44em;
}
.ui-button-text-icon-secondary .ui-button-text {
padding: 0 1.7em 0 0.7em;
}

hope this helps
L'administrateur a désactivé l'accès en écriture pour le public.
Modérateurs: ITEd
Temps de génération de la page : 0.156 secondes
Donation Image