Attribute of menu bar
How can I change an enable value (e.g. "save as..." black color) of the
pulldown menu
to a disable value (e.g. "save as..." grey color)?
Is there a solution of the problem?
Thanks
Jürgen
In the Function >> Application Control >> Menu palette there is a function
called 'Set Menu Item Info'. On this function there is a pin called 'enable'
this controls the grayed out status of the item.
"J. Hackmann" wrote:
>How can I change an enable value (e.g. "save as..." black color) of the>pulldown
menu>to a disable value (e.g. "save as..." grey color)?>Is there a solution
of the problem?>>Thanks>Jürgen>>
Similar Messages
-
Menu bar and application toolbar
is there a way to change item text on menu bar and application toolbar eg in business partner overview(T-Code fmcacov) i want to change text 'Business Partner" to "tax Payer" on both menu bar an application toolbar. i have tried the norma way of going to change the screen but when i am on the GUI status its not going to change mode even sfter entering the access key
Hi ,
Open the program and click on GOTO=>ATTRIBUTES.
Change the text to the heading which you want.
SAVE & ACTIVATE.
Regarding opening in change mode, the steps you have carried out are correct.
You need to comment the existing gui-status by placing cursor on that line & click delete.
Then click on INsert button and add new gui-status.
Best regards,
Prashant -
Spry menu bar not working in IE
Hi there,
This is the first time I'm using Spry. Everything was fine until I tested the site in IE. My top menu moves position upon rollover and the submenu doesn't show at all. I looked at the forums and thought I would add the IE hack into the code, but upon doing that I saw that it was already there. I'm not sure where to go from here. Please help, many thanks in advance!
Update Note: I just noticed it says it's version 1.4. I did update to 1.6. When I check for Spry updates it does say I am using 1.6, but appears to be 1.4 in the css code. Any reason why?
Site:
http://retouching.zeoproductions.com/
SpryMenuBarHorizontal.css:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* 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;
list-style-type: none;
font-size: 100%;
cursor: default;
/* 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
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
cursor: pointer;
width: 9.2em;
margin: 0;
float: left;
/* 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
list-style-type: none;
font-size: 20pt;
cursor: default;
width: 190px;
position: absolute;
font-weight: normal;
text-decoration: none;
font-family: century;
line-height: 13px;
letter-spacing: 2pt;
text-align: right;
left: -1000px;
z-index: 1020;
margin-top: -2%;
margin-right: 0%;
margin-bottom: 0%;
margin-left: -55%;
padding: 1px;
/* 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: 25pt;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
background-color: #E8E8E8;
width: 190px;
text-align: right;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
/* 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
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 light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFFFFF;
padding: 0.5em 0.75em;
color: #999999;
text-decoration: none;
font-family: century;
font-variant: small-caps;
font-size: 10pt;
text-align: right;
text-indent: 40px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FFFFFF;
color: #000000;
/* 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: #FFFFFF;
color: #000000;
left: 20px;
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%;
text-align: center;
background-color: #FFFFFF;
/* 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(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
white-space: nowrap;
/* 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(SpryMenuBarDown.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;
/* 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;OK... what I needed was a proper update... not sure why it didn't work the first time, but now I am definitely running 1.6. My initial problems are no longer relevant.
However.... this created a few other obstacles. The background color, text color, text-transform, and all hover attributes are not working in IE. Confused I am.
@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;
list-style-type: none;
font-size: 100%;
cursor: default;
/* 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
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
cursor: pointer;
width: 9.2em;
margin: 0;
float: left;
background-color: #FFFFFF;
/* 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
list-style-type: none;
font-size: 20pt;
cursor: default;
width: 190px;
position: absolute;
font-weight: normal;
text-decoration: none;
font-family: century;
line-height: 13px;
letter-spacing: 2pt;
text-align: right;
left: -1000px;
z-index: 1020;
margin-top: -2%;
margin-right: 0%;
margin-bottom: 0%;
margin-left: -55%;
padding: 1px;
/* 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: 25pt;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
background-color: #FFFFFF;
width: 190px;
text-align: right;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
/* 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
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 light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFFFFF;
padding: 0.5em 0.75em;
color: #999999;
text-decoration: none;
font-family: century;
font-size: 10pt;
text-align: right;
text-indent: 40px;
text-transform: uppercase;
font-variant: normal;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FFFFFF;
color: #000000;
/* 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: #FFFFFF;
color: #000000;
left: 20px;
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%;
text-align: center;
background-color: #FFFFFF;
/* 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(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
white-space: nowrap;
/* 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(SpryMenuBarDown.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;
/* 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; -
I am not a coder and have used DW in the past to create relatively simple websites. I have a client who needs a horizontal nav bar with one of the buttons prompting a drop-down menu. First tried this using DM8 and then discovered the drop down menu behavior feature doesn't work in a template. So upgraded to DW CS5. Started to work with the Spry menu bar feature and was learning how to change font color, background color, hover color, add menu items, etc.... I noticed that whenever I tried inserted a new Spry menu bar it had the attributes of the most recent menu bar I created.
After working with the CSS menu I noticed that there seemed to be a division in each menu bar cell -- a small rectangular shape that I couldn't highlight but would affect how the bar looked in a browser. It almost looked like cell divisions in a table. The bar is horizontal with the text centered LtoR and top to bottom, but there was more space at the bottom of the menu bar due to this added "bar". Then when I inserted a new Spry menu I could barely see it. The menu, which included the default 4 fields/ buttoms was literally about 1" wide on my screen. I tried keying in a new pixel width and nothing would help until I got up to 900px.
To make an already long story short, the Spry feature is completely screwed up. Is there a preference I can trash to at least re-set it to how it was before I somehow screwed it up?
Any tips would be great.You can delete the Spry support files from your Files Panel, thus eliminating the problem code.
Spry Menu 2.0 files use a different naming convention. You edit the menu styles inside Widget Browser's visual editor then save/export files to your local site folder.
The support files for Spry Menu 2.0 (aka Spry UI-1.7) look like this:
<link type='text/css' href='Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css' rel='stylesheet'/>
<script type='text/javascript' src='Spry-UI-1.7/includes/SpryMenu.js'></script>
<script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js'></script>
<script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js'></script>
Nancy O. -
Hello all,
I am using Spry Menu Bars for the first time and have checked
out most of the online documentation. I have gone into the CSS file
to customize much of the look of my first menu.
I would like to do the following, but can't seem to find
where to do it:
1. Change the height (not width) of my top menu item -- it
has created some unwanted padding.
2. Change the width of my submenu independently of the top
menu item -- to allow for longer text.
3. Change the submenu text color and size independently of
the top menu item text.
Here is a link to my sample navigation bar (only the first
item "Latest News" has a menu):
http://stage.ecdi.com/includes/nav_bar.html
Sorry for the extent of my request, but I have gotten
blurry-eyed looking for posted material that answers my inquiry.
You guys are the best...
MattThe reason you don't see a lot here in this forum is because
Adobe created a Spry forum. The first thing I would recommend doing
is updating Spry if you have not done so before:
http://labs.adobe.com/technologies/spry/
Then you can head over to the Spry forums here:
http://www.adobe.com/go/labs_spry_pr1_forum
To answer your question though, everything you want to edit
is in the CSS document in the SpryAssets folder. All of the
attributes are defined in there. -
Spry Menu Bar jumps off screen-right in CS6
Frustrating little glitch I'm experiencing. When in a NON-LIVE mode in CS6, I have a Spry Menu Bar that I've placed, customized and is functioning properly. It is precisely in the right location in BOTH live mode and in a browser preview, however, when I am editing the site the menu bar jumps off screen right to where I have to scroll right to locate it. The only thing that pops it back in to place is by tweaking a setting like "Float" from right to left then back to right. But once I begin to edit the site again it will jump off the screen. This isn't a massive deal since it remains in place in live and preview modes, it's just annoying for layout purposes while I'm editing. It sort of screws up the aesthetic of the layout. Has anyone found the same problem? Below is my layout.css and my Spry Menu css.
@charset "utf-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 6;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 12;
dw-gutter-percentage: 15;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 95.8695%;
padding-left: 1.0652%;
padding-right: 1.0652%;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#maincontent {
clear: none;
float: left;
margin-left: 2.6785%;
width: 100%;
display: block;
#navigation {
clear: none;
float: left;
margin-left: auto;
width: 100%;
display: block;
margin-top: 20px;
margin-bottom: 20px;
background-color: #300;
height: 16px;
top: 5px;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
color: #FFF;
background-attachment: fixed;
background-image: url(../bkgdContent.png);
background-repeat: repeat;
margin-top: 20px;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 91.4836%;
padding-left: 0.7581%;
padding-right: 0.7581%;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
text-align: center;
#maincontent {
clear: none;
float: left;
margin-left: 1.6574%;
width: 100%;
display: block;
#navigation {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
height: 16px;
#whf-content {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#donatecontent {
clear: none;
float: left;
margin-left: 1.6574%;
width: 100%;
display: block;
#theride-content {
clear: both;
float: left;
margin-left: 0;
width: 49.1712%;
display: block;
#donate-content {
clear: none;
float: left;
margin-left: 1.6574%;
width: 49.1712%;
display: block;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 89.0217%;
max-width: 1232px;
padding-left: 0.4891%;
padding-right: 0.4891%;
margin: auto;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
color: #FFF;
#maincontent {
clear: both;
float: left;
margin-left: 0;
width: 32.6007%;
display: block;
#navigation {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#whf-content {
clear: both;
float: left;
margin-left: 0;
width: 32.6007%;
display: block;
#donatecontent {
clear: none;
float: left;
margin-left: 1.0989%;
width: 100%;
display: block;
#donate-content {
clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#theride-content {
clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;
#whf-content {
font-family: Georgia, "Times New Roman", Times, serif;
SPRY CSS
@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: 100%;
cursor: default;
width: auto;
float: right;
/* 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: 4.3em;
float: left;
/* 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: 4.3em;
position: relative;
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
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: relative;
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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #300;
color: #FFF;
text-decoration: none;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
height: 16px;
padding: 0px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #003;
color: #FFF;
/* 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: #003;
color: #FFF;
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;Design view is not reliable. Learn to work in Code View or Split View with Live View to check your layout.
Spry menus are not responsive so they will not work well in a Fluid Grid Layout. Find a better menu system.
Project Seven Responsive Tabs
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
10 Responsive Menus
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
In the meantime,
It's often easier to work with an unstyled HTML page.
To disable CSS, go to View > Style Rendering > untick Display Styles.
Or, use a Design-Time Style Sheet.
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e17a.h tml
Nancy O. -
How can I change the menu bar in a Quicktime video?
My cousin and I are starting a video network and we want to create custom menu bars for our videos. We know about watermarks on the videos themselves, but I've seen some videos have custom menu bar titles irrespective of the file names and I was wondering how to do that?
My cousin and I are starting a video network and we want to create custom menu bars for our videos. We know about watermarks on the videos themselves, but I've seen some videos have custom menu bar titles irrespective of the file names and I was wondering how to do that?
If by "custom menu bar title" you are referring to the player window title bar, then most users would use QT 7 Pro to add a "Title" attribute to the "Properties" window and then enter the title they want displayed in the player window's title bar and "Inspector" window without affecting or changing the current filename. -
Is it possible to change the height of Spry Menu Bar items?
I'm new to websites and have been trying to understand the CSS of the Spry menu bar. I've managed to put a horizontal menu bar in place and with the help of some previous discussions in this forum, have changed the colours of the menu items and have even managed to centre the text - Thanks!
However, I really would like to have a smaller menu bar - height wise.
I've tried reducing the default height of the menu bar items by adding a height and by reducing the font size and padding. The results have been varied. In Firefox and in Dreamweaver's 'live view' there is still a thin line showing underneath my horizontal menu which is the background colour of the div my menu sits in. In IE there is a similar 'chunk missing' from the bottom of the items.
Is this something that can be done? I've seen lots of help on how to change the width of the items, but have not found any which suggest that the height can be changed.
GillSure. You just need to be thorough. Keep in mind that in a Spry Menu Bar you are making the link-text in the list-items block elements, so you will want to change the line-height of the a element. Pick style selectors in the css stylesheet that end in a, with or without an additional class (a.classhere), and play with the line-height.
Another attribute you can consider is the difference in height between Cap and lower case and All caps. You can usually get away with a smaller line-height and a smaller font-size with all caps, because there are no descenders on the text to require more line-height. Keep in mind also that when you state a line-height, your text will center vertically in the line-height, as far as I know, so you might even get away without top and bottom padding.
Beth -
Standard menu bar and title bar
Hi to all
I am developing a module pool program in which I have defined set pf status in PBO event.
But while running the program that standard tool bar not working.
Plz guide me....
Thanks & Regards
Anubhavhi anubhav gupta,
PBO---
after defining set pf status in PBO event,double click on the name of the status u have given.
u will enter into the new screen which consists of menu bar
application tool bar
function keys.
open the function keys,u will have the options there,for example write exit on one of the icon and double click on that,function attributes window will open,and give thefunction code as 'exit',function type as 'E',
PAI----
crate a PAI module,in that write the following code
MODULE cancel_0102 INPUT.
CLEAR ok_code.
ok_code = sy-ucomm.
CASE ok_code.
WHEN 'BACK' OR 'CANCEL'.
SET SCREEN 100.
LEAVE SCREEN.
WHEN 'EXIT'.
LEAVE PROGRAM.
ENDCASE.
ENDMODULE. " cancel_0102 INPUt
i think this solves ur problem. -
How to create second or third level of menu bar in se41 ?
Hi All
How to create second or third level of menu bar in se41 ?
I created it once but forgotten , do anybody remember ?
Regards
Jaman
Message was edited by:
ABAP TechieHi..,
Once you have created a menu bar, you enter the individual menu entries. Each menu can contain up to 15 entries.
A menu can contain any of the following:
Function names (with function code and text)
Submenus (pull-down menus)
Separators
You may include submenus up to three levels deep.
Menu functions that logically belong together are grouped together using separators. This makes the menu easier to use. Separators also make long menus easier to read by dividing them into smaller parts.
Defining Menu Functions
To add functions to a menu that is already open in the Menu Painter:
Open a menu list in the menu bar by double-clicking the menu title.
The system opens the menu. The menu entries list contains the two columns Code and Text.
In the Code column, enter a function code (this may be up to 20 characters long).
If you want to enter a function code that is longer than the input field, you must first change the displayed length of the field in the user settings. (Choose Utilities ® Settings ® User-specific.)
Enter the function text in the Text column.
The name you enter here appears in the menu at runtime. You can also determine the contents of function texts at runtime (see Defining Dynamic Function Texts).
Repeat steps 2 and 3 for each item in the menu.
Creating Cascading Menus
To add a cascading menu (sub-menu) to a menu:
Leave the Code column blank.
Enter a menu name in the Text column.
Double-click the cascading menu to open it.
The system opens the menu entry list for the cascading menu.
Complete the menu as you would any other.
Inserting Separators
Place the cursor on a line.
Choose Edit ® Insert ® Separator.
If you want to insert a separator between two existing menu entries, place the cursor on the line before which you want to insert the separator.
Editing Menu Entries
You can cut, copy, paste, and delete menu entries.
Place the cursor on a line.
Choose Edit ® Entry ® Cut (or Copy, or Paste, or Delete).
If you double-click a function code, the Function Attributes dialog box appears. Here you can, for example, change the icon assigned to a function.
regards,
sai ramesh -
Srpy menu bar will not display
Was working away on modifying a spry menu bar when all of a
sudden the menu bar will not display. Tried creating a new page and
inserting the menu bar and still will not display. Won't even
display in previous pages created.
Anybody have any ideas?
ThanksThe following code calls the MenuBar widget into your
document, but the widget will not be found, if the code that I
provided you is not properly formatted.
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
When I insert a SPRY widget into my document the Javascript
and CSS files that construct and determine the appearance of the
widget are automatically placed into a folder called SpryAssets. My
document is housed in a different folder. Thus, I must exit the
folder in which my document is contained before entering the
SpryAssets folder. When I read your href attribute it appears that
your SpryAsset folder and your document are located in the same
directory folder. If this is true, then I do not understand why
your widget does not appear.
I can offer two additional suggestions, and then my knowledge
of what might be wrong is exhausted:
1) If possible insert the widget again using a previous
version of your document in which the widget has not already been
inserted.
2) Always make sure that your document has been saved at
least once before inserting a SPRY object. This will insure that
everything is properly linked when the widget is inserted.
In the meantime, maybe someone more knowledgeable than I will
be able to help. -
Linking Menu Bar with views in the same window
Hi everyone,
I have a menu bar in a view and I would like to link each one of the elements with other view through an URL. The problem when I do this is that the view appears in a different window and I want that appears in the same window. Because if it doesn't, I'm going to have one window for each element of the menu bar :s
Thanks in advance!Hi,
As per my understanding, your requriement is: (Correct me if i am wrong).
You have one default View and Window. In the View you are displaying the menu bar. Each menu bar item contails one specific URL. When user clicks on any of the menu bar item you need to open the corresponding URL in the same View.
1) Take the view set with two rows. In first row add the default MenuView (menu bar) and in second row embed another View (For example: ResultView).
2). In RestultView create IFrame UI element (Note : it is deprecated). And bind one cotext attribute to url.
Map this context attribute to MenuView also throug the Component Controller.
3). Create inbound plug to MenuView and outbound plug to ResultView. On click on any of the menubar items change the URL in the context attribute and then navigate to the ResultView through plugs.
Regards,
Charan -
How to create menu bar in jsp page using struts-tles
I have started working with struts-tiles. I want to create menu bar using struts-tiles. please guide me.
I've done this very recently. In fact, tiles has very little to do with the menu itself.
In your layout, define where you want the menu to go.
<tiles:insert attribute="menu" />Now, in the actual file, create your menu structure. This part is up to you. I've used http://www.brainjar.com/ as a starting point for the client side actions.
On my menu page, I call a method on a custom object that returns the menu bar object. Currently, I'm working on putting this menu into some sort of cached object so it doesn't have to rebuild it on every page request.
Perhaps I've misread your post and you're looking to use tiles, in and of itself, to simulate menus? Otherwise, I hope my post helps. -
Customizing a Spry menu bar [was: Spry Widgets]
Still attempting to master spry
. Getting there but need some help on how to center a horizontal menu bar and secondly is there any way to put borders around the main menu items.
The page I am working with is www.mccanngolfcourse.com/indextry1.html
Joe Damore
[Subject edited for clarity by moderator]Beth,
I did what you said but added a "position: relative;" command which gave me
a "clickable" box around the whole widget and allowed me to pixel it top
and left so hence www.mccanngolfcourse.com/indextry1a.html
(http://www.mccanngolfcourse.com/indextry1a.html)
Thank you so much for all the help.
Please let me know if you agree with my little tweek. Thanks again Beth.
Joe
In a message dated 2/7/2010 7:06:37 A.M. Eastern Standard Time,
[email protected] writes:
Make sure you start your new div here:
and end it here:
<li>_To College Hill_
(mip://042fe448/www.mccanngolfcourse.com/directionsch.html) </li>
</ul>
</li>
</ul>
</div><!here ends the navigation div>
It shouldn't affect your colors and other attributes at all.
B -
Forms 10G Replacing Oracle Logo in Menu Bar
Hello:
Forms 10G Replacing Oracle Logo in Menu Bar
We use lookAndFeel=oracle which gives Oracle Logo in the Manu Bar at top right corner.
What is the simplest way to replace this with our own logo?
ThanksHere you go. (foroms.conf, formsweb.cfg)
Forms.conf
# $Id: forms.conf 22-nov-2004.03:29:38 osingh Exp $
# Name
# forms.conf
# Purpose
# Apache mod_oc4j and mod_jserv configuration file for Forms Services.
# This file should be included into the Oracle Apache HTTP Listener
# configuration file (typically by adding an include statement to the
# oracle_apache.conf file)
# Remarks
# If Forms is to be used with JServ, the jserv.properties file needs editing
# to add the "forms" servlet zone with properties file forms.properties
# Notes
# Virtual paths: We use AliasMatch when defining virtual paths for
# security reasons (prevents directory browsing).
# Virtual path mapping for Forms Java jar and class files (codebase)
AliasMatch ^/forms/java/(..*) "E:\oracle\FRHome_1/forms/java/$1"
# Virtual path for JInitiator downloadable executable and download page
AliasMatch ^/forms/jinitiator/(..*) "E:\oracle\FRHome_1/jinit/$1"
# Virtual path for runform.htm (used to run a form for testing purposes)
AliasMatch ^/forms/html/(..*) "E:\oracle\FRHome_1/tools/web/html/$1"
# Virtual path for webutil
AliasMatch ^/forms/webutil/(..*) "E:\oracle\FRHome_1/forms/webutil/$1"
# Configuration for JServ (if mod_jserv.c is available and not mod_oc4j.c)
<IfModule mod_jserv.c>
# Only configure for JServ if mod_oc4j is NOT available:
<IfModule !mod_oc4j.c>
# Virtual path mapping for FormsServlet and ListenerServlet.
# Purpose: paths to invoke the servlets should be /forms/frmservlet
# and /forms/lservlet respectively.
# We map frmservlet to servlet.frm, and lservlet to servlet.frml.
# The apJServAction directives (below) will then remap those.
AliasMatch ^/forms/frmservlet(.*) "/servlet.frm"
AliasMatch ^/forms/lservlet(.*) "/servlet.frml"
ApJServMount /forms/servlet /forms
# Let the servlets be called by file extension (e.g /servlet.frm)
ApJServAction .frm /forms/servlet/frmservlet
ApJServAction .frml /forms/servlet/lservlet
# Prevent access to the Forms Servlets by paths other than
# /forms/frmservlet and /forms/lservlet.
# 1. Prevent access via the .frm and .frml file extensions:
<LocationMatch ^.*\.frm.*>
order deny,allow
deny from all
</LocationMatch>
# 2. Stop access by class (by paths like
# /forms/servlet/oracle.forms.servlet.FormsServlet)
<LocationMatch ^/forms/servlet/oracle\.forms.*>
order deny,allow
deny from all
</LocationMatch>
</IfModule>
</IfModule>
# Config. for OC4J
<IfModule mod_oc4j.c>
Oc4jMount /forms OC4J_BI_Forms
Oc4jMount /forms/frmservlet OC4J_BI_Forms
Oc4jMount /forms/frmservlet/* OC4J_BI_Forms
Oc4jMount /forms/lservlet OC4J_BI_Forms
Oc4jMount /forms/lservlet/* OC4J_BI_Forms
</IfModule>
formsweb.cfg
# $Id: formsweb.cfg 15-apr-2005.13:17:30 pkuhn Exp $
# formsweb.cfg defines parameter values used by the FormsServlet (frmservlet)
# This section defines the Default settings. Any of them may be overridden in the
# following Named Configuration sections. If they are not overridden, then the
# values here will be used.
# The default settings comprise two types of parameters: System parameters,
# which cannot be overridden in the URL, and User Parameters, which can.
# Parameters which are not marked as System parameters are User parameters.
# SYSTEM PARAMETERS
# These have fixed names and give information required by the Forms
# Servlet in order to function. They cannot be specified in the URL query
# string. But they can be overridden in a named configuration (see below).
# Some parameters specify file names: if the full path is not given,
# they are assumed to be in the same directory as this file. If a path
# is given, then it should be a physical path, not a URL.
# USER PARAMETERS
# These match variables (e.g. %form%) in the baseHTML file. Their values
# may be overridden by specifying them in the URL query string
# (e.g. "http://myhost.mydomain.com/forms/frmservlet?form=myform&width=700")
# or by overriding them in a specific, named configuration (see below)
[default]
# System parameter: default base HTML file
baseHTML=base.htm
# System parameter: base HTML file for use with JInitiator client
baseHTMLjinitiator=basejini.htm
# System parameter: base HTML file for use with Sun's Java Plug-In
baseHTMLjpi=basejpi.htm
# System parameter: delimiter for parameters in the base HTML files
HTMLdelimiter=%
# System parameter: working directory for Forms runtime processes
# WorkingDirectory defaults to <oracle_home>/forms if unset.
workingDirectory=
# System parameter: file setting environment variables for the Forms runtime processes
envFile=default.env
# Forms runtime argument: whether to escape certain special characters
# in values extracted from the URL for other runtime arguments
escapeparams=true
# Forms runtime argument: which form module to run
form=test.fmx
# Forms runtime argument: database connection details
userid=
# Forms runtime argument: whether to run in debug mode
debug=no
# Forms runtime argument: host for debugging
host=
# Forms runtime argument: port for debugging
port=
# Other Forms runtime arguments: grouped together as one parameter.
# These settings support running and debugging a form from the Builder:
otherparams=buffer_records=%buffer% debug_messages=%debug_messages% array=%array% obr=%obr% query_only=%query_only% quiet=%quiet% render=%render% record=%record% tracegroup=%tracegroup% log=%log% term=%term%
# Sub argument for otherparams
buffer=no
# Sub argument for otherparams
debug_messages=no
# Sub argument for otherparams
array=no
# Sub argument for otherparams
obr=no
# Sub argument for otherparams
query_only=no
# Sub argument for otherparams
quiet=yes
# Sub argument for otherparams
render=no
# Sub argument for otherparams
record=
# Sub argument for otherparams
tracegroup=
# Sub argument for otherparams
log=
# Sub argument for otherparams
term=
# HTML page title
# HTML attributes for the BODY tag
HTMLbodyAttrs=
# HTML to add before the form
HTMLbeforeForm=
# HTML to add after the form
HTMLafterForm=
# Forms applet parameter: URL path to Forms ListenerServlet
serverURL=/forms/lservlet
# Forms applet parameter
codebase=/forms/java
# Forms applet parameter
imageBase=DocumentBase
# Forms applet parameter
width=750
# Forms applet parameter
height=600
# Forms applet parameter
separateFrame=false
# Forms applet parameter
splashScreen=
# Forms applet parameter
background=
# Forms applet parameter
lookAndFeel=Oracle
# Forms applet parameter
colorScheme=teal
# Forms applet parameter
logo=
# Forms applet parameter
restrictedURLparams=HTMLbodyAttrs,HTMLbeforeForm,HTMLafterForm,log,allow_debug,allowNewConnections
# Forms applet parameter
formsMessageListener=
# Forms applet parameter
recordFileName=
# Forms applet parameter
serverApp=default
# Forms applet archive setting for JInitiator
archive_jini=frmall_jinit.jar
# Forms applet archive setting for other clients (Sun Java Plugin, Appletviewer, etc)
archive=frmall.jar
# Number of times client should retry if a network failure occurs. You should
# only change this after reading the documentation.
networkRetries=0
# Page displayed to Netscape users to allow them to download Oracle JInitiator.
# Oracle JInitiator is used with Windows clients.
# If you create your own page, you should set this parameter to point to it.
jinit_download_page=/forms/jinitiator/us/jinit_download.htm
# Parameter related to the version of JInitiator
jinit_classid=clsid:CAFECAFE-0013-0001-0022-ABCDEFABCDEF
# Parameter related to the version of JInitiator
jinit_exename=jinit.exe#Version=1,3,1,22
# Parameter related to the version of JInitiator
jinit_mimetype=application/x-jinit-applet;version=1.3.1.22
# Page displayed to users to allow them to download Sun's Java Plugin.
# Sun's Java Plugin is typically used for non-Windows clients.
# (NOTE: you should check this page and possibly change the settings)
jpi_download_page=http://java.sun.com/products/archive/j2se/1.4.2_06/index.html
# Parameter related to the version of the Java Plugin
jpi_classid=clsid:CAFEEFAC-0014-0002-0006-ABCDEFFEDCBA
# Parameter related to the version of the Java Plugin
jpi_codebase=http://java.sun.com/products/plugin/autodl/jinstall-1_4_2-windows-i586.cab#Version=1,4,2,06
# Parameter related to the version of the Java Plugin
jpi_mimetype=application/x-java-applet;jpi-version=1.4.2_06
# EM config parameter
# Set this to "1" to enable Enterprise Manager to track Forms processes
em_mode=1
# Single Sign-On OID configuration parameter
oid_formsid=%OID_FORMSID%
# Single Sign-On OID configuration parameter
oracle_home=E:\oracle\FRHome_1
# Single Sign-On OID configuration parameter
formsid_group_dn=%GROUP_DN%
# Single Sign-On OID configuration parameter: indicates whether we allow
# dynamic resource creation if the resource is not yet created in the OID.
ssoDynamicResourceCreate=true
# Single Sign-On parameter: URL to redirect to if ssoDynamicResourceCreate=false
ssoErrorUrl=
# Single Sign-On parameter: Cancel URL for the dynamic resource creation DAS page.
ssoCancelUrl=
# Single Sign-On parameter: indicates whether the url is protected in which
# case mod_osso will be given control for authentication or continue in
# the FormsServlet if not. It is false by default. Set it to true in an
# application-specific section to enable Single Sign-On for that application.
ssoMode=false
# The parameter allow_debug determines whether debugging is permitted.
# Administrators should set allow_debug to "true" if servlet
# debugging is required, or to provide access to the Forms Trace Xlate utility.
# Otherwise these activities will not be allowed (for security reasons).
allow_debug=false
# Parameter which determines whether new Forms sessions are allowed.
# This is also read by the Forms EM Overview page to show the
# current Forms status.
allowNewConnections=true
# EndUserMonitoring
# EndUserMonitoringEnabled parameter
# Indicates whether EUM/Chronos integration is enabled
EndUserMonitoringEnabled=
# EndUserMonitoringURL
# indicates where to record EUM/Chronos data
EndUserMonitoringURL=
# Example Named Configuration Section
# Example 1: configuration to run forms in a separate browser window with
# "generic" look and feel (include "config=sepwin" in the URL)
# You may define your own specific, named configurations (sets of parameters)
# by adding special sections as illustrated in the following examples.
# Note that you need only specify the parameters you want to change. The
# default values (defined above) will be used for all other parameters.
# Use of a specific configuration can be requested by including the text
# "config=<your_config_name>" in the query string of the URL used to run
# a form. For example, to use the sepwin configuration, your could issue
# a URL like "http://myhost.mydomain.com/forms/frmservlet?config=sepwin".
[sepwin]
separateFrame=True
lookandfeel=Generic
# Example Named Configuration Section
# Example 2: configuration forcing use of the Java Plugin in all cases (even if
# the client browser is on Windows)
[jpi]
baseHTMLJInitiator=basejpi.htm
# Example Named Configuration Section
# Example 3: configuration running the Forms ListenerServlet in debug mode
# (debug messages will be written to the servlet engine's log file).
[debug]
serverURL=/forms/lservlet/debug
# Sample configuration for deploying WebUtil. Note that WebUtil is shipped with
# DS but not AS and is also available for download from OTN.
[webutil]
WebUtilArchive=frmwebutil.jar,jacob.jar
WebUtilLogging=off
WebUtilLoggingDetail=normal
WebUtilErrorMode=Alert
WebUtilDispatchMonitorInterval=5
WebUtilTrustInternal=true
WebUtilMaxTransferSize=16384
baseHTMLjinitiator=webutiljini.htm
baseHTMLjpi=webutiljpi.htm
archive_jini=frmall_jinit.jar
archive=frmall.jar
lookAndFeel=oracle
[devBala]
envFile=E:\Khamel\conf\devBala.env
WIDTH=832
HEIGHT=662
pageTitle=Khameleon DEV-Bala Environment
separateFrame=True
splashScreen=No
Background=No
#lookAndFeel=oracle
colorScheme=BLAF
form=sylogin.fmx
logo=/ksfiles/kham_log.gif
[devBala1]
envFile=E:\Khamel\conf\devBala.env
WIDTH=1000
HEIGHT=850
#pageTitle=Khameleon DEV-Bala1 Environment
separateFrame=True
splashScreen=/ksfiles/Khameleon.gif
Background=/ksfiles/Khameleon1.gif
#lookAndFeel=oracle
colorScheme=BLAF
form=sylogin.fmx
logo=/icons/kham_log.gif
Maybe you are looking for
-
My iPhone is stolen. How can I get my address book back from the iCloud? I should have synchronized my iPad address book. However, I loss some recent contacts from iPhone.
-
For example why has Coda 2 not been updated to version 2.0.4? Apple needs to improve the approval system. It has now been 2 months since Apple has approved Coda 2 updates. Coda 2 is not the only application experiencing similar issues. It is embarras
-
My dock does not show what files are open... Any way to fix?
My dock does not show if a file is open. No little arrow shows up, and when I click and hold on an icon of an open program it acts as if it is not open (still giving me the open program option, and not showing me force quit options, etc...). Advice p
-
Hi Guys, I have 2 drop downlists. The first displays Countries, the second dropdown is dependant on the first one. So if USA is selected then the dropdown will show all the US States. I have this up and running at the moment but I want to reuse them
-
Package javax.ejb doesnot exist
I installed weblogic 10 on "D:\weblogic10\" Java is installed on "C:\java" I am getting the problem "package javax.ejb doesnot exist" I came to know that this problem is due to the class path. and we have to set the class path as "\\weblogic\lib\webl