Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: Problem with template

Problem with template 1 Jahr 2 Monate her #98367

  • giankuka
  • giankukas Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 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 :-)

Anhang arrows.jpg nicht gefunden

Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98432

  • Shaq
  • Shaqs Avatar
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
Letzte Änderung: 1 Jahr 2 Monate her von Shaq.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98494

  • giankuka
  • giankukas Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 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
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98498

  • Shaq
  • Shaqs Avatar
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.
Letzte Änderung: 1 Jahr 2 Monate her von Shaq.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98499

  • giankuka
  • giankukas Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 28
  • Karma: 0
Shaq schrieb:
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...
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98500

  • Shaq
  • Shaqs Avatar
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98503

  • giankuka
  • giankukas Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 28
  • Karma: 0
Shaq schrieb:
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).
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 2 Monate her #98543

  • Shaq
  • Shaqs Avatar
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Problem with template 1 Jahr 1 Monat her #98955

  • chochko
  • chochkos Avatar
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
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.146 Sekunden
Donation Image