Page 1 of 1

Adding "Previous" and "Next" to Navigation Arrows

Posted: Tue May 01, 2018 11:12 pm
by dgallo
In webhelp responsive (Oxygen 20), how can I add the text strings "Previous" and "Next" before/after the arrows?

Re: Adding "Previous" and "Next" to Navigation Arrows

Posted: Wed May 02, 2018 4:40 pm
by bogdan_cercelaru
Hello,

Using a custom CSS file, you can add a string before/after an element.
The following CSS code will add the Previous / Next strings before/after the arrows:

Code: Select all

span.navprev:before{   
    display: inline-block;
    content: "Previous";
    color: #347bb7;
    padding-right: 0.5em
}
span.navnext:after{
    display: inline-block;
    content: "Next";
    color: #347bb7;
    padding-left: 0.5em
}
Here you can find more information about how to customize the output using CSS: https://www.oxygenxml.com/doc/ug-webhel ... h-css.html

Regards,
Bogdan

Re: Adding "Previous" and "Next" to Navigation Arrows

Posted: Wed May 02, 2018 4:50 pm
by dgallo
But shouldn't there be a way to modify this with xslt?

Re: Adding "Previous" and "Next" to Navigation Arrows

Posted: Thu May 03, 2018 12:54 pm
by Costin
Hi dgallo,

Bogdan provided the solution implying CSS, because even the Previous / Next navigation arrows are present in the output also from a predefined CSS.
Is there any reason for which you specifically need to perform this using XSLT instead of a custom CSS containing only the rules we suggested?

Regards,
Costin