Add Image in the navigation bar of Help page

Hi,
I wanted to add image next to to the Search in the Help page navigation bar as in snapshot below:
I wanted to add an image i.e the the logo next to above button in navigation bar. I tried adding , howevr could only add as Header, not right in the navigation pane. Correct me if I m wrong, the navigation control can be configured while generation web output. I coudnt find any other option to do this.
Please let me your inputs on this.
Thanks,
Pallavi

Hi all
Sorry Colum, I think you are wrong. That looks exactly like a WebHelp Search dialog.
Pallavi, I am thinking the answer for you may be a simple one. Use the WebHelp skin editor. There you should see an option to choose the image used for the Go button.
I'm not exactly sure what version you are using. But I'll insert a screen capture of RoboHelp 7 below.
My thought here is that you could create an image that includes your company logo along with the Go button. Then use that image for the Go button. Sure, both the company logo as well as the Go button would be clickable, but it should do the job, no?
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

Similar Messages

How do I add an image above the navigation bar?

I'm trying to add an image above the navigation bar and can't seem to do it without covering the links. Does anyone know how to do that?
Thanks!

Hi,
select the page you want to add the image to
open up the Inspector and go to the Page Tab (second from left)
Choose Layout and increase the size of Header Height
Regards,
Cédric

Changing hyperlink colors for the navigation bar

hello all i am trying to figure out how to change the color of the links that are the top of my page in the navigation bar. i know how to do it with the ones in my text- but i cannot figure out how to do so for the ones at the top of each page in the navigation bar.
any help would be much appreciated!

Welcome to the Apple Discussions. Here's a link to a post by Cyclosaurus, the resident java script expert, about changing the font, etc. in the navbar with java script and a HTML snippet.. Don't know if includes color also.
http://discussions.apple.com/thread.jspa?messageID=8600361#8600361
OT

How do I add an image to my navigation bar?

How do I add an image to my navigation bar? I created my own. Let's say for example I wanted to a page dedicated to the lakers rss feed, and instead of having text in the box "Lakers", I want it to be the lakers logo. I already have the hyperlink in that box working.

That didn't sound right:
How do I add an image to my navigation bar? I created my own. Let's say for example I wanted to have a page dedicated to the lakers rss feed, and instead of having text in the box on the bar that reads "Lakers", I want it to be the lakers logo. I already have the hyperlink in that box that will direct you to that page.

How do I change the background image for a single tab on the navigation bar

I'm creating a movie website for TDKR and for the navigation bar, I intend to have a different character for each tab. However, I'm having trouble putting a single image each separate tab. Instead one image appears on each of the tabs. Here's an example of the source and CSS.
<td width="200"><ul id="navigation"> 
 <li><a href="../pages/index.html">Home</a></li> 
 <li><a href="../pages/cast.html">Cast</a></li> 
 <li><a href="../pages/pictures.html">Pictures</a></li> 
 <li><a href="../pages/soundtrack.html">Music</a></li> 
 <li><a href="../pages/interview.html">Interviews</a></li> 
 <li><a href="../pages/links.html">Links</a></li> 
 </ul>
 </td>
#navigation {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
#navigation li {
 margin: 0px;
 padding: 0px;
 list-style-type: none
#navigation li a:link, #navigation li a:visited {
 display: block;
 width: 200px;
 height: 100px;
 text-decoration: none;
 text-align: center;
 line-height: 100px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight: bold;
 -webkit-transition: 1000ms ease;
 -moz-transition: 1000ms ease;
 -ms-transition: 1000ms ease;
 -o-transition: 1000ms ease;
 transition: 1000ms ease;
 color: #648AAE;
 background-repeat: no-repeat;
 background-image: url(../Images/gifs/Batman-still-2.gif);
 background-position: center bottom;
 text-transform: uppercase;
 letter-spacing: 0.79em;
 border-radius: 5px;
#navigation li a:focus, #navigation li a:hover, #navigation li a:active {
 color: #000000;
 background-image: url(../Images/gifs/Batman-animation-2.gif);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-color: #454545;
 border-radius: 25px;
So, how do I put a single image on each tab (home, cast, pictures, etc). Thank you for your help in advance.

Assign a class to the item and use CSS to apply an image as in
<li><a href="../pages/index.html" class="home;">Home</a></li> 
<li><a href="../pages/cast.html">Cast</a></li> 
<li><a href="../pages/pictures.html">Pictures</a></li> 
<li><a href="../pages/soundtrack.html">Music</a></li> 
<li><a href="../pages/interview.html">Interviews</a></li> 
<li><a href="../pages/links.html">Links</a></li> 
and the CSS
#navigation li a:link.home, #navigation li a:visited.home {
 background-image: url(../Images/gifs/Batman-still-2.gif);

Suddenly, my custom url buttons disappeared from the navigation bar and I can no longer add new ones. FF22

I am using Firefox 22 (I like its features and do not want the features added in later version.) I have added a handful of custom URL buttons to the navigation bar that allow me to go instantly to websites I visit frequently. There was/is a function in Firefox for adding such buttons. This morning, after leaving my computer on all night, I found that the custom buttons had disappeared and I could no longer find the function for adding new ones. Can you tell me what has happened and how I can add custom URL buttons? I will appreciate your help. Thank you.

I solved my own problem. This function was added by Google Shortcuts, which somehow became disabled. After fussing ariound for a few minutes. I was able to restore it.

Don't like the Navigation Bar? Try an Image Map.

I understand the simplicity of the Navigation Bar, but being unable to even move the hyperlinks, let alone change the font without resorting to hacking XML, struck me as too simple. I decided not to use it, instead opting for a hyperlink image map, which is really easy to make using iWeb. I put up directions here:
http://web.mac.com/jadespace/iWeb/1/Fetish/BEC79E6E-E82F-4AE3-9964-6BA510D46F1E. html

The image bit is quite a good idea. I had created menus on my page, for the same reason as I wanted my own fonts. It all works perfectly until I decided to add some flags to differentiate the same pages in different languages and I placed my flags in the top area of the page.
I spent hours trying to understand why they wouldn't work, changing opacity, location, size, until I moved them enough to realise that the top area is restricted to link generated by iweb and if you attempt to place your link to high, it will work in the iweb program but will not publish...
about 2.5 cm from the top are banned from publishing links
bernard

Is it possible to add a button with image on the title bar(IDR)?

I look through all the buttons in the example, All of them does not with an image on them.
Is it posslbe to put a image on the title bar?
Best regards?
Blake Le

hi, Julia,
Sorry for the misleading. I want to add a button below the IDR area. And for common button it's OK.
Now the situation changed , i need to add an icon to a button , to make the user interface more beautiful.
Is that possible?
Best regards,
Thanks very much for your help.
Blake Le

Changing the navigation bar - help!

Hi,
I'm making my personal website with iWeb (using the "Modern" template as a base) and I would like to personalise the navigation bar. I have already managed to change the colours of the words modifying the xml file for the template, but I would like the Menu to start about one inch further to the right, because I want to put the logo on the left hand side.
I would also like to change the font size.
I’ve searched already on many forums everywhere and I haven’t found anything really useful.
Please, could anyone tell me exactly how to do this? I would need step-by-step instructions, because I’m not the “coder” type.
I hope you can help me. Thank you very much.

Go to:
11mystics.com
they have tutorials on changing templates and other stuff. I think they have one on changing fonts.
The notation I found in this thread suggests NOT messing with nav bar settings ...but here is the thread:
http://discussions.apple.com/thread.jspa?messageID=3288533&#3288533
Also, with iWeb 08 ...some of the software architecture has changed and may not work down the road. Luck...

How do I add a Recent Objects direct link group to the navigation bar?

Hi
I've noticed in some of the tutorials in the eLearning section there is a Recent Objects direct link group. I presume this is a dynamic collection of recent activities the user has created similar to the My Recent Documents folder you see in the Start menu in Windows XP.
Does anyone know how to implement this functionality to the navigation bar in the WebClient UI? I know how to add a direct link group to the navigation bar but I don't see any trace of this recent objects functionality.
Cheers
Declan

Hi Vikash
Thank you for you advice. However the IMG activity Define Business Role does not allow me to add a new entry.
Instead I used the IMG activity: CRM > UI Framework > Technical Role Definition > Define Navigation Bar Profile. I double clicked on Define Profile, selected my business role and double clicked on Assign Direct Link Group. I tried to enter the Group ID REC_ITEMS but it produced an error saying Entry REC_ITEMS does not exist in CRM_UI_DLG (check entry).
Can you advise further please?
Cheers
Declan

How can I pin the ONLY link I need (Bookmooch java) to the navigation bar instead of opening up a whole new toolbar?

I sent a better written request with an incorrect email address before ...
I would like to add a single URL link as a button to the navigation bar, instead of having to open a whole new toolbar for it alone.
I have moved all my add-ons to this single visible toolbar with the help of an add-on, but there isn't one for the Bookmooch bar. The official one can only be dragged into the bookmarks bar which I never use.
If I created a whole new bar and moved all the preset tools (home, back, etc) onto it, could I combine them with that URL button?
Or is the only way to fiddle with the registry and replace bits of the Mozilla code?
The link to the only person offering custom toolbar icons (I managed to find) won't load.
Help? Thank you!

https://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar 
http://kb.mozillazine.org/Toolbar_customization
When you are in the Toolbar Customize mode, move the '''Bookmarks Toolbar Items''' to the Navigation Toolbar. Then hide the now empty Bookmarks Toolbar.

[Forum FAQ] Customize the Navigation Bar in Outlook 2013

In Outlook 2013, the Navigation Bar is a gray bar which lists commands at the bottom of the Outlook window that enable you to quickly navigate to Mail, Calendar, People, and Tasks.
You can change the Navigation Bar settings for a single user by clicking
… and then Navigation Options. For more information, please refer:
http://office.microsoft.com/en-us/outlook-help/change-what-appears-on-the-navigation-bar-HA102838974.aspx
However, if you want to change the Navigation Bar settings for all users in your organization, you’ll need to modify the registry.
Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems might occur if you modify the registry incorrectly. Therefore, make sure that
you follow these steps carefully. For added protection, back up the registry before you modify it. Then, you can restore the registry if a problem occurs. For more information about how to back up and restore the registry
http://support.microsoft.com/kb/322756.
To modify the Compact view
To maximize the vertical height of the Outlook window you can use Compact Navigation. We can change the setting by creating the
ABCompact registry key. To do this, please follow the steps:
1. Press Windows key + R to open the Run command, type regedit
and press Enter to open the Registry Editor.
2. Locate the following registry path:
HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Options
3. Right-click on the Options folder and select NEW > KEY, name it
WunderBar.
4. Select the WunderBar key, right-click on it and select
NEW > DWORD (32-bit) Value and name it ABCompact.
Value name: ABCompact
Value type: DWORD (32-bit)
Value: 1 to tick the Compact Navigation;
0 to untick it.
5. Restart Outlook to make the change.
To modify the Maximum number of visible items
To change how many views appear on the Navigation Bar, you need to change the number for Maximum number of visible items by modifying the
NumBigModulesAB registry key.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: NumBigModulesAB
Value type: REG_DWORD
Value: 1-8
The key doesn’t exist by default. When the value is set to 1, only
Mail will appear on the Navigation Bar. If the value is set to
8, all views will appear.
To modify which view is turned on or off
You can also turn one or more views off from the Navigation Bar. This is controlled by a registry string named
ModuleVisible15.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: ModuleVisible15
Value type: REG_SZ
Value: 1,1,1,1,1,1,1,0,0
By default, the string value is set to 1,1,1,1,1,1,1,0,0.
1 means the view is turned on while 0 means the view is turned off. Moreover, the value correspond one-to-one with the views, for example, the first “1” correspond to
Mail, and the second “1” correspond to
Calendar… By default, the eighth and ninth view is turned off. The eighth is
Journal and I have no idea what the ninth number stands for. You can open Journal by pressing Ctrl+8, but if you want it to appear on Navigation Bar, you can change the eighth “0” to “1”.
To modify the view order
If you want to switch the positions of Mail and Calendar, you’ll need to modify the
ModuleOrderAB string.
Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
Value name: ModuleOrderAB
Value type: REG_SZ
Value: 1,2,3,4,5,6,7,8,9
The default order for the Navigation Bar is:
Mail Calendar People Tasks Notes Folders Shortcuts
Journal
In the registry string there are 9 numbers (1~9), let’s just ignore 9. So, there are 8 numbers left and each number has some relationships to each Navigation item.
Here is the logic:
There are 8 Navigation Options. Let’s say ‘Mail’ is Nav1, Calendar is Nav2, People is Nav3, …, Shortcut is the Nav7 and Journal is Nav8.
Meanwhile, there are 8 positions to put those 8 Navigation items, we name them
position1 to position8, from left to right.
For example,    CALENDAR TASKS PEOPLE FOLDERS MAIL NOTES SHORTCUTS
Journal
ModuleOrderAB=    5
1      3
2    6
4
7
8
The number “5” is in the first position of the ModuleOrderAB string and it takes
position1. The default navigation option for position1 is
Mail.
So, “5” means put Nav1 (Mail) on position5.
“1” is on position2, default navigation item on
position2 is Calendar. It means put Calendar on
position1.
So, “3” means put People on position3; “2” means put
Task on position2… and so on.
If you have more questions, welcome to post in the forum. Thank you.
Please click to vote if the post helps you. This can be beneficial to other community members reading the thread.

There isn't a built in way to do that since all the navigation toolbars are on one toolbar.
You can restore this functionality by installing the Classic Theme Restorer add-on
*https://addons.mozilla.org/en-US/firefox/addon/classicthemerestorer/

How to open a new browser window from a link on the navigation bar

Hi,
I entered a URL in the 'URL Target' field for the Navigation Bar Entry. As expected when the I clicked on the link in the Navigation Bar my browser refreshed with the target URL.
I want to be able to actually open a new window rather than refresh my current window. The help text says, and I quote ...
"In the link generated for this icon include the following onClick javascript. Use of the onclick javascript could popup a help page in a new window (see example 1).
Example 1:
window.open('US/asfhhome.htm','Help','scrollbars=yes,resizable=yes,width=625,height=350,left=25,top=150');return false
Set the Icon Target attribute to # if you are using OnClick JavaScript. Set the Image Alt Text attribute to the text the user will see to click on."
So I created similar Javascript as to the example and placed in the 'OnClick Javascript' field, and placed a '#' in the 'URL Target' field.
When I run it doesn't work, the '#' is picked up and the Javascript is ignored. Can somebody please tell me what I'm doing wrong.
Thanks

I had the same problem. I finally ended up just using the standard popupURL javascript. In the URL Target I have:
javascript:popupURL('<link>')
This opens a new window but since it is for popups the menus are missing. You may want to write your own javascript function to open the new window with your own settings.
Search the forums for popupURL for more ideas.
javascript:popupURL()
--Jeff

How to Incorporate "fade" Into the Navigation Bar with iWeb?

I started wondering about and exploring this topic in another thread. I would like to make the navigation bar shine brightly and then slowly fade whenever the cursor overlaps the navigation buttons. Does anyone have any idea how to do this? For an example of what I'm looking for, please visit Neonsky.com. This company is a website builder that has, as one of its features, the fading navigation bar option that I'm looking to incorporate into iWeb. Just look at some of their featured websites for an example. I also found the following doing a google search. Any thoughts and ideas of how to get this feature on my iWeb designed website would be helpful. Thank you.
http://dreamweavermenu.com/dreamweaver-navigation-bar-fade.html

Leave all files in the folder as you downloaded them. Drop the index.html file on the browser icon. You will then see what the menu will look like when published on a page. Edit the index.html file to your needs. Your edits will be shown in the browser window (save file upon edit - don't worry, you can still undo in most editors - and refresh the browser window).
If required, also edit the main.css and image files.
When done, copy the contents of the index.html file into a HTML snippet in iWeb. Position the snippet to exactly where you want it to be (height and width accordingly) and publish. Upload the other files manually and make sure that their path on the iDisk/server matches the path mentioned in the index.html and main.css files.
As you will have gathered, you need to understand some HTML and CSS. You may acquire understanding and knowledge by trial and error.

I just upgraded from vista to windows 7 and now when i try to type in a url address in the navigation bar nothing but gibberish appears

whatever letter i type into the navigation bar, some other letter or number appears. i do not have this problem on chrome or internet explorer.

go to Help Menu -> select "Restart with Add-ons Disabled"
Firefox will close then it will open up with just basic Firefox. You can enable the Add-ons later. Check and tell if its working. If this doesn't work then try this
Update all Firefox Plug-ins -> https://www.mozilla.com/en-US/plugincheck/
If Updating Plug-ins doesn't work then follow these links.
Cannot connect after upgrading Firefox
https://support.mozilla.com/en-US/kb/Cannot connect after upgrading Firefox#w_the-cause
Error loading web sites
https://support.mozilla.com/en-US/kb/Error%20loading%20web%20sites#w_connection-errors
Firefox crashes when loading certain pages
https://support.mozilla.com/en-US/kb/Firefox%20crashes%20when%20loading%20certain%20pages#w_update-firefox
Is my Firefox problem a result of Malware
https://support.mozilla.com/en-US/kb/Firefox%20crashes%20when%20you%20open%20it#Getting_your_crash_report
Check and tell which solution worked.

Add Image in the navigation bar of Help page

Similar Messages

Maybe you are looking for