Mouse Hover Color in Horizontal Dropdown Navigation

Hi,
Mouse Hover color in the Horizontal Dropdown Navigation scheme is not changed even if you apply a different stylesheet. It remains the default blue. Is there a setting some where or it needs to be modified in the navigation scheme.
thanks
-Sachin

Sachin,
Are you talking about the mouse hover color for the dropdown menu entries? That stylesheet class is defined in a different stylesheet. Look in
<imageserver dir>\imageserver\plumtree\common\private\js\jsportalmenus\122846\styles\css\PTPMMenu.css.
The number might be different on your system. If you view the HTML source on a portalpage and search for PTPMMenu.css you will see the number your portal is using. The styleclasses you want to change in PTPMMenu.css are .PTPMMenuBody .hoverand .PTPMMenuBody .hover td. You might also need to change other classes with the highlight color depending on the type of entries you have in your menus.

Similar Messages

Inserting Images in Horizontal Dropdown Navigation Tabs

I am running a 5.0.2 portal. I am trying to make the tabs with rounded corners. And, for that I am trying to insert a small image on both sides of the tabs. Does anybody know which files I would have to include in my custom project, which basically controls the HTML of the tabs.

hi Thomas,
Images on the masthead and other things are heard of and I had done such customizations myself.......never heard of this one.
Cheers.........

Spry Menu Text only displays in hover color, doesn't sense browser edge

I have a Spry horizontal menu in a website that is working fairly well in everything except IE6. Firefox, Safari, and IE7 are all fine.
In IE6, random menu items only display in the blue hover color, so they are invisible until you hover over them.
My second problem is that the menu is right-aligned, and the button on the far right has three submenus. I would like the second two submenus to automatically open to the left of the first submenu when opening to the right would cause them to be cut off by the edge of the browser window. How do I do this??
Here is my code (I've customized it with suggestions online, but just can't seem to fix the problem with IE6).
Thanks for any help, I'm really stuck!!
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 9pt;
cursor: default;
font-family: Helvetica, Arial, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
height: auto;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 12em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
/*ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a blue block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #0000ff;
color: #fff180;
text-decoration: none;
li.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #0000FF;
color: #FFF180;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
/* Menu items that have mouse over or focus have a yellow background and blue text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #fff180;
color: #0000ff;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #fff180;
color: #0000FF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
@media screen {
* html ul.MenuBarVertical ul {position: relative!important; float: left;
margin: -10px -1000px -1000px 80px; display: inline;}
* html ul.MenuBarVertical {position: static!important; }
*:first-child+html ul.MenuBarVertical ul {position: relative!important;
float: left; margin: -10px -1000px -1000px 80px;}
*:first-child+html ul.MenuBarVertical {position: static!important; }

If you want to see the website and menu in action, go to http://www.gwnetworks.com/playtri/index_new2.html
Thanks again!

Horizontal dropdown menubar - Vertical dropdown menubar

Hi,
I would need help to turn a horizontal dropdown menubar to a vertical dropdown menubar. I am not experienced with CSS so don't know how to change code correctly. I would like to get submenu going vertically beside main menu.
http://www.villalotus.net/TEST/test.htm
Thanks in advance!

Thank you Ken!
Unfortunately I didn't find help from tutorials. I manged to turn menu vertically but submenu goes on top of main menu.
/*main nav*/
nav {
          margin-left: auto;
          margin-right: auto;
ul {
          padding: 0;
          margin: 0;
nav ul {
          list-style: none;
          font-weight: bold;
          font-size: 20px;
          margin: 5px;
          width: 180px;
nav ul ul {
          display: none;
          margin: 0px;
          padding: 0px;
nav ul li {
           position: relative;
nav ul a {
          display: block;
          width: 160px;
          text-align: center;
          text-decoration: none;
          color: #fff;
          border: 1px solid #004c99;
          border-radius: 8px;
          margin-right: auto;
          margin-left: auto;
          padding-top: 5px;
          padding-right: 9px;
          padding-bottom: 5px;
          padding-left: 9px;
nav ul a:active       {
          background: rgba(255,255,255,0.4);
          color: #FFF;
nav ul li a:hover, ul a:focus {
          text-decoration: none;
          background-color: #6699cc;
          color: #FFFFFF;
nav ul a:link, nav ul a:visited {
          background: rgba(255,255,255,0.2);
          color: #FFFFFF;
nav ul li a {
          margin-top: 0px;
nav ul ul li {
            position: relative;
nav ul ul li a {
          color: #fff;
          margin: 0px;
nav ul ul li a:hover {
          background: #6699cc;
nav ul ul li a:active, ul ul li a:link , ul ul li a:visited{
          background-color: #3370AD;
nav ul li:hover {
          margin-top: 0px;
nav ul li:hover> ul{
          display: block;
          position: relative;
nav ul:after {
          content: "";
          clear: both;
          display: block;
Message was edited by: Karonaful

Hover Text in Top Level Navigation

Hi,
I need to add a Hover Text for Top Level Navigation.I need to display some information text regarding the Role on moving mouse over it.
I did experimenting on download of com.sap.portal.navigation.toplevelnavigation but I am unaware where exactly Change to be made.
Any ideas??
Regards,
Raja Akella.

HI Raja,
Check the Accessibility flag in the New User Registration form, if it is ON then it disables Hover feature for the portal.
Check the link esp the Header area part :
<a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/ac/dc4f3eeb684212e10000000a11405a/frameset.htm">Understanding the Portal Desktop</a>
To know about Accessibility :
<a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/8d/b7bf3feb915f7be10000000a11405a/frameset.htm">Accessibility</a>
Hope it helps you.
Regards,
Vivekanandan

Mouse Hover in some browsers displayed...

I noticed something funny while testing my website in browser labs. I have some css rules to change some background colors for mouse hover. In the browsers I tested, Firefox 4.0 for Windows seems to show these rules for approximately the center of the page (e.g. it acts as if there is a mouse hovering there).
Since this is not consistent between browsers, it would be preferable if the mouse didn't hover over pages at all (unless you can let us set where and do this for all browsers).
edit: actually this stopped and then reappeared, so it seems to be inconsistent even within the same browser. It's hard to tell if I messed up a css rule when the displayed page might be different in browserlab between refreshes (but without a change in my code).

Hi Travis,
Thanks for letting us know about this, we'll look into it. If your page is public, can you please post the url so we have a test case that demonstrates the behvavior?
Thanks,
Mark

Mouse hover style not changing

Hello
I am working on branding and am not getting the mouse hover css like
About Us same I want to do in Resource,selfservice,AdminLinks in second image
Thanks,

Its Top Navigation bar and the class name is "menu-item-text" .In the same top navigation bar I have subsite also when I mouse hover on that than am getting background image on mouse hover.

Hover color on ContextMenu

How do i change the hover color used on a menu item in a ContextMenu using setStyle() or getStyleClass().add()
Actually I'd like to remove / switch off the hover color. I suppose this would be done by making the hover color the same as the normal background color or is there another / better way ?
Thanks.

Mmmm, so i tried this with mixed results ?
.nohover:hover { -fx-background-color: transparent; }
menuitem.setStyleClass("nohover");The above indeed produces the desired effect when the mouse is ON the menu item then the default caspian blue is not visible.
However ContextMenu has a thin "border" and when the mouse crosses that border area then the menu item highlights in blue ?!
Trying the above code on the ContextMenu makes it become transparent - so then the menu item hangs in the air.
So I tried -fx-base and -fx-background instead of transparent but the blue highlight persists !?
Any ideas anybody ?

I need to create a mouse hover effect on this map?

I need to create a mouse hover effect on this map.
Where the areas in (yellow or blue) will highlight or change color as the mouse lays on top. I have tried many things I dont seem to get it to work. Can someone help me?
Link: http://sawpm.businesscatalyst.com/plan-de-ventas.html

Hi there.
You'll need to place something on top of it and play with opacity.
- Imagine you have an inverted color version of your building A in a clipped-transparent PNG - it has to be the exact size, so it fitts nicely
- Then you put that PNG on top of your map on the exact location of your building A
- Convert it to a symbol
- Inside the symbol:
- Put a trigger at 0ms and 500ms with the following code: sym.stop();
- Create an animation (with your building A image) with, say, 250ms, were it begins at 125ms with 0% opacity and at the end - 375ms - with 100% opacity. Put a label in the begining (250ms) saying mouseover and another at the end (350ms) saying mouseout
- Click on the actions of the building A image (the one with the inverted color or something similar) and choose "mouseover". write the following code: sym.play('mouseover');
- Go to the actions again, choose "mouseout" and write the following code: sym.play('mouseout');
That's basically it.
pmfr

Adobe Reader 9.0 - Disable Forms Highlight color show border hover color for fields for all user a

Hello.
I am installing Adobe Reader 9.0 onto a new windows xp corporate build for my company. We would like to have the Forms Preference "Highlight Color" Show border Hover Color for Fields checkbox unchecked by default for any user that logs onto the workstation. (All new WinXP profiles, and if possible, any existing profiles) Is there a registry entry that can be changed to ensure that this option is unchecked by default on our WinXP build?
Thank you.

bumping thread...
I have downloaded the Adobe Reader 9.0 Custom Wizard install creator tool, but it still appears that I will need to know what registry key to change/import into the installer for this preference to be disabled by default for all users of the workstation that Adobe Reader 9.x is installed onto.
Any and all help is greatly appreciated.
Thank you.

Bubble Chart mouse hover issue

Hi,
we are facing problem in removing mouse hover data point in the bubble chart.
Requirement is such that we do not want to show a data point in mouse hover in a bubble chart.Since size of bubbles in the chart have been mapped with these values,these are necessarily shown as a data points in mouse hover.
Is there any means by which we can continue mapping size to these data values and still not show in the bubble chart mouse hover.
Thanks,
Deepa

Thanks for ur response
Actually I Require to show the mouse hover values for other data points except size.If I uncheck the "mouse hover option"...Mouse hover property will vanish at all.
Thanks,
Deepa

Mouse hover doesn't produce preview in an application

I use a Bible program called Logos 5. For months I have had an issue where my mouse hover over a reference doesn't produce a preview, but only in one area of the program - my personal notes.
Recevied an email from the comany that said,
That specific tool tip is one that we are relying on Apple to make a call back to us for it to appear. What this means is at some point you, or a piece of software you’ve installed, or changed settings from, has modified the Apple tool-tip settings which is, in this case, disabling that tool-tip. The fact that it does appear when you hold down a modifying key also points to the fact that this is a system setting that has been modified.
Any clue what program or setting could have interfered? I do not have this problem on an older iMac with the same program & files loaded.

Hi All,
I have got LabVIEW 8.0. I make a VI for discovering BT targets. It works fine on my computer and also fine when I make a application.
I don't have any problem with this function and the discovering of BT
target. I made the test of the PC of my collaegue and It works fine too.
Two tests done : One with a own Vi and an own application on my PC ==> everything OK
                            One with the Vi and application of Aquila1981 from the folder "rest.zip" (see first thread)==> everything OK
My config : Win XP Pro ver 2002 SP2
                  Pentium IV (3,4 Ghz)
                  1 Go of RAM
Targets : Pocket PC Asus A620 BT
               Sony-Ericsson Mobile Phone K750i
BT stuff : BT USB Stick
                Manufacturer : Broadcom ==> Blutonium BCM2035 BT 2.4 Ghz Single Chip Transceiver
                Driver version : 5.1.2600.2180
                Firmware Revision 00.04
Let me know if you have some problems.
Julien Roland
AE of NI Belgium
www.ni.com/support
Julien Roland - District Sales Manager
NI Belgium - Technical Support
Don't forget to rate a good answer

Dynamic text link hover color change.

I have some dynamic text in Flash and I have a link with the text. Is there a way I can change the hover color without CSS? Here is my code.
thanks.
data=EASTERN CANADIAN DISTRICT <a href='mailto:[email protected]'>Mike Linnen</a> 905-430-0955 Cell: 905-409-7159

Disable the "Show border around text" option of your dynamic
text field.
Draw a rectangle with the color you want, & locate it
behind your dynamic text field.

Making tooltip appear on other events (not just mouse hover)

Is there a way to make tooltip text appear besides merely the mouse hover event? For example, could you set it to appear with Click, Enter, Exit and/or Change?
And if you can, will those pesky Javascript warnings popup too?

I have three iPhone users here at work who are experiencing similar symptoms, also all starting yesterday afternoon (February 4, 2014). All events still appear in the calendars on their iPhones, but very few events appear in their calendars on iCloud.com website.
For days that show some items, viewing that day in "Day mode" on iCloud.com then causes the missing events to appear for that day. But some days show no events at all on iCloud.com, and viewing those days in "Day mode" does nothing.
All three users tend to have lots of "all-day" events on their calendars.
It is as though the iCloud.com website's calendar is not properly refreshing or displaying the events which are clearly still saved in their iCloud accounts.
(As a side, all three users can still see all events in Outlook on their PCs, which is set to sync with the iCloud accounts).
Anyone else seeing this or have any suggestions?

Changing hover color for TabNavigator tabs

I was able to change the background color of selected tab to
Navy and the others to Medium Blue. The foreground color is set to
White. The default color for the hover seems to be black, so when I
pass over the selected tab you can not read the text.
How do you change the hover color?

Try setting the textRollOverColor of your selected tab style.

Mouse Hover Color in Horizontal Dropdown Navigation

Similar Messages

Maybe you are looking for