Skip to main content
M
mattd93257535
Known Participant
January 4, 2017
Question

Show/hide font icons within RoboHelp 2015 HTML5

  • January 4, 2017
  • 1 reply
  • 650 views

I have begun to use javascript within my RoboHelp 2015 for font awesome font icons. I want to use the plus and minus icons to show and hide content. Unfortunately I am struggling with adding the script while using the RoboHelp DHTML dropdown text functionality.

The html script was suggested to me, but it does not use the robohelp dropdown html coding.'

Anyone have suggestions on how to make it work? Any help is much appreciated!

<a class="dropspot" href="#" id="a5" style="font-style: normal; color: #000000; font-size: 12pt; font-weight: bold;">

   <i class="fa fa-plus-circle"></i>

   <i class="fa fa-minus-circle hidden"></i>

   How to open a product

</a>

This topic has been closed for replies.

1 reply

Captiv8r
Captiv8r
Legend
January 4, 2017

Perhaps you are overthinking things?

RoboHelp offers something called "Twisties" that can be used with the DHTML drop downs.

Open the CSS for editing in RoboHelp. Expand the Hyperlink section and choose Drop-down hotspot. Then click the Set Twisties button and assign the desired images there.

Cheers... Rick

    M
    mattd93257535Author
    Known Participant
    January 4, 2017

    Wow! Thanks so much for sharing. I have never seen that feature before. That will work perfectly.

    Thanks again!

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices