How do you create Show All/Hide All like in MS Help apps?

[carolcgs]

I tried Peter Grainge's Show All/Hide All One-Button method, and it's great.  But I want an updated look with a link and the +/- signs, just like the Help in Microsoft applications (example: MS Word 2007, Change or Set Page Margins topic).  Don't have coding experience, and wonder how to implement that?

[Pete_Lees]

Hi, Carol,

A long time ago (pre-Office 2007), I extracted from a Microsoft Help file the JavaScript file that provides exactly this functionality, and used it in one of my own Help projects. The script is rather complex and runs to several hundreds of lines of code, but I can send it to you off-list if it's of any interest.

If you have the Microsoft Help 2.0 runtime components installed, you should be able to use a tool like FAR to look inside the Word 2007 Help file and retrieve the script file.

http://helpware.net/mshelp2/h20.htm

http://helpware.net/FAR/index.html

Pete

[Captiv8r]

Hi there

In addition to what Pete said, you should also investigate Peter's site a bit further. He has a section where he describes adding a "twisty" to the link. The twisty may be any image you choose. So you could create the images you need quite easily and use them to accomplish your goal.

Cheers... Rick

Helpful and Handy Links RoboHelp Wish Form/Bug Reporting Form Begin learning RoboHelp HTML 7 or 8 within the day - $24.95! Adobe Certified RoboHelp HTML Training SorcerStone Blog RoboHelp eBooks

[Amebr]

Are 'twisties' built into RH8 now? I seem to remember reading it was, but haven't had time to look at it.

[Captiv8r]

Hi there

Yep, Twisties are a feature of RoboHelp 8. You add them in the Style sheet.

Cheers... Rick

Helpful and Handy Links RoboHelp Wish Form/Bug Reporting Form Begin learning RoboHelp HTML 7 or 8 within the day - $24.95! Adobe Certified RoboHelp HTML Training SorcerStone Blog RoboHelp eBooks

[carolcgs]

Rick,

Good point about Twisties. I did discover them and am using on my

project. Feel like that feature, along with Show/Hide All, really enables

a clear presentation of information with the drop down and expanding text.

A user can easily see the big picture, drill down to what they want, yet

not be overwhelmed with too much detail.

--Carol

[Amebr]

Thanks for confirming the twisties functionality, Rick.

[carolcgs]

Pete,

Thank you for the response. Yes, I'd appreciate if you could share the

Javascript file with that functionality. Would you also be able to

describe what code I must add to the other RoboHelp files and were to put

the code or other files. For Peter Grainge's method, I added code to each

HTML page, two button graphics to the Image files and one to Baggage,

Thanks so much.

--Carol

cansorge@cgsinc.com

From:

Pete Lees <forums@adobe.com>

To:

Carol Ansorge <cansorge@cgsinc.com>

Date:

09/26/2009 06:42 AM

Subject:

How do you create Show All/Hide All like in MS Help apps?

Hi, Carol,

A long time ago (pre-Office 2007), I extracted from a Microsoft Help file

the JavaScript file that provides exactly this functionality, and used it

in one of my own Help projects. The script is rather complex and runs to

several hundreds of lines of code, but I can send it to you off-list if

it's of any interest.

If you have the Microsoft Help 2.0 runtime components installed, you

should be able to use a tool like FAR to look inside the Word 2007 Help

file and retrieve the script file.

http://helpware.net/mshelp2/h20.htm

http://helpware.net/FAR/index.html

Pete

[carolcgs]

Still looking for an answer:  how to modify Grainge's One-Button method for the Show All/Hide All button so that it visually displays the +.gif with Show All link and - .gif with Hide All link, rather than the gray Show All and Hide All buttons in Grainge's solution.

--Carol

[Peter Grainge]

What Carol wants is a + button instead of a Show All button but then to have a link alongside that says Show All. That would require different scripting so I have suggested a graphic " + Show All "

---

See www.grainge.org for RoboHelp and Authoring tips