Adding "Previous" and "Next" to Navigation Arrows

Here should go questions about transforming XML with XSLT and FOP.
dgallo
Posts: 89
Joined: Tue Mar 31, 2015 10:43 pm

Adding "Previous" and "Next" to Navigation Arrows

Post by dgallo » Tue May 01, 2018 11:12 pm

In webhelp responsive (Oxygen 20), how can I add the text strings "Previous" and "Next" before/after the arrows?

bogdan_cercelaru
Posts: 212
Joined: Tue Jul 01, 2014 11:48 am

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

Post by bogdan_cercelaru » Wed May 02, 2018 4:40 pm

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
Bogdan Cercelaru
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
http://www.oxygenxml.com

dgallo
Posts: 89
Joined: Tue Mar 31, 2015 10:43 pm

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

Post by dgallo » Wed May 02, 2018 4:50 pm

But shouldn't there be a way to modify this with xslt?

Costin
Posts: 592
Joined: Mon Dec 05, 2011 6:04 pm

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

Post by Costin » Thu May 03, 2018 12:54 pm

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
Costin Sandoi
oXygen XML Editor and Author Support

Post Reply