BrowseLab Products Demos Support Company Download Pricing
Contents
:
Search:

Home > HelpConsole 2010 > How to Add a 'Hide Contents' link

How to Add a 'Hide Contents' link

By default, the contents for most skins is always visible, however you can implement a 'Show/Hide' link so that users can hide the contents window when needed to show a larger page window. Follow the steps below to do this:

1. Login to your help project as Admin.
2. Click any yellow triangle on the screen and then select the 'Page Header' region.
3. Switch to HTML view
4. Paste the following HTML (in the example below, it was pasted after [print]):

<span style="cursor: pointer;" onclick="document.getElementById('tdcontentswrapper').style.display='none';">Hide Contents</span><span style="cursor: pointer;padding-left:20px" onclick="document.getElementById('tdcontentswrapper').style.display='table-cell';">Show Contents</span>



In live mode, users will be able to click either 'Hide Contents' or 'Show Contents'



The contents window can initially be hidden by doing the following:
1. Click "Tools > Styles"
2. Select "style_{skin}" in the list
3. Add "display:none;" to the ".skin_contentswrapper {}" style
example:   .skin_contentswrapper {display:none;width:25%;}
4. Click 'Save'
5. Refresh the browser for the changes to take effect.


Applies To
HelpConsole 2010 
HelpConsole 2012

Properties
Article ID:
add_a__hide_contents__link
Views: 1259
Created By: admin
Modified By: Aaron
Created Date: 5/1/2013 3:15 PM
Last Modified: 11/20/2014 4:14 PM
Actions
Print This Article
Bookmark
Email This Article
Previous Article
Next Article

Was this page helpful?YesNo