MenuBar sub-menu displaying off edge of screen
I have a Menu Bar with one MenuBarItem that is placed at the
very top right of my application. The first time I click on the
MenuBarItem, part of the Menu is displayed off the edge of the
visible screen. The second time I click, it displays correctly. Has
anyone else experienced this? Is there workaround? I have submitted
a bug for this issue, but I would really like to find a workaround.
Thanks.
@Greg:
Thanks for the link. The workaround on that page was not
useable for me, but, from there I eventually linked to this bug:
https://bugs.adobe.com/jira/browse/SDK-15555
There I found the following workaround, and this appears to
be working as I need it to now. (The workaround at that link uses
an listener/handler for the INITIALIZE Event, but the Menu does not
yet exist at this stage, so I used the CREATION_COMPLETE
Event.)
Similar Messages
-
Why is sub, sub, sub menu way off to the right?
Why is my sub,sub, sub menu way over to the right? I've tried this also on a
blank page and it does the same thing?
http://www.carroll-indoor.com/temp9/
Any other page suggestions are fine as well!I would be inclined to extract the menu from the page, place it in a new empty one, and work on getting in shape. I'm not seeing the sub, sub, sub menu display at all. I'm only seeing the final "Refs" item, and it has static positioning. Looking at the "Refs" parent <li>, Opera Dragonfly reports the computed style as:
-o-transform-origin: 60px 18px;
background-attachment: none;
background-clip: none;
background-color: #ffffff;
background-origin: none;
background-position: none;
background-repeat: none;
background-size: none;
bottom: 160px;
color: #868686;
cursor: pointer;
display: list-item;
float: none;
font-family: Arial;
font-size: 12px;
height: 36px;
left: 212px;
line-height: 18px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: fixed;
right: 332px;
text-align: center;
top: 124px;
width: 120px
Looking at that, you have all margins and padding set to "0", floating turned off, with fixed positioning, reinforced by stating your "box" width and height, and explicitly defining the positioning for for that box with top, right, bottom, and left values. This results in all of your buttons being stacked one atop the other. If you are using some JavaScript to reposition everything, you may want to delve into that. I viewed your reference page in Opera 10.60, Firefox 3.6, Safari 4, and Chrome 4, on Mac OS 10.5.8.
Big help, I am.
Richard -
Hi,
Thanks for a fantastic extension.
I set-up a menu in Dreamweaver for site
http://www.pafiankingdom.com
and made some minor adjustments to the formatting. The navigation
menu displays correctly in I.E 6.0 and Firefox, but in I.E 7.0 the
sub menu's show up on top of the main menu items.
The CSS file looks like the following:
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 100%;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0.35%;
list-style-type: none;
font-size: 12px;
font-weight:bold;
position: relative;
text-align: left;
cursor: pointer;
width: 100%;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
font-weight:bold;
position: absolute;
z-index: 1020;
cursor: default;
width: 100%;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 102%;
border: 0.35px solid #FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0.35x solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0.35px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-image:url(../images/template/fon_menu.gif);
padding: 0.5em 0.75em;
color: #000000;
font-family : Tahoma,Verdana,Arial;
text-indent:30px;
text-decoration: underline;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
text-decoration: underline;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-image:url(../images/template/fon_menu.gif);
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.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(../images/template/fon_menu.gif);
background-repeat: no-repeat;
/* 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Perhaps my formatting changes have messed up it's
presentation in I.E 7.0. I don't seem to be able to locate the
problem.
Please help.
Thanks in advance
Richardfixed the problem.
code:
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 100%;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0.35%;
list-style-type: none;
font-size: 12px;
font-weight:bold;
position: relative;
text-align: left;
cursor: pointer;
width: 100%;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 0%;
padding: 0;
list-style-type: none;
font-size: 100%;
font-weight:bold;
position: absolute;
z-index: 1020;
cursor: default;
width: 100%;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 150px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 102%;
border: 0.35px solid #FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0.35x solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0.35px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-image:url(../images/template/fon_menu.gif);
padding: 0.5em 0.75em;
color: #000000;
font-family : Tahoma,Verdana,Arial;
text-indent:30px;
text-decoration: underline;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
text-decoration: underline;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-image:url(../images/template/fon_menu.gif);
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.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(../images/template/fon_menu.gif);
background-repeat: no-repeat;
/* 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF; -
I'm running Mac OS 10.6
I also have the same issue with McAfee SiteAdvisor and FF4 on a MacBook Pro running the latest version of Snow Leopard. I have put in a service request with McAfee and will update this post in approx 48 hours unless they respond sooner. Seems like a far to common app to somehow have "missed" testing on a browser release that was scheduled for a while.
-
HELP! My Corner Options Menu is off of Screen
I've tried restarting my computer, restarting inDesign and resetting my workspace and I can't figure out why my corner options menu goes off of my screen in the upper right hand corner. All I can see is the preview and and OK or CANCEL buttons, can anyone help?!
Try toggling the state of the Application Frame (turn on if you aren't currentloyu using it, or off if you are) and see if that brings the top of the dialog into view so you can grab it and move it. Trashing prefs might help, too. See Replace Your Preferences
-
The menubar will not display in full screen
Hi.
I have a strange problem in fullscreen mode, on my Macbook pro 15"
I LOVE fullscreen, and infact the next macbook I will get is the 11" air because of its size and because full screen is so nice to work with.
But I have a strange problem which I can't find a solution for.
Suddenly the menubar will not display it self when I move the mouse to the top of the screen. The only way I can access the menu bar is by exiting full screen (ctrl + Cmd + F) and the toggel it back on after I have used the menubar
This actually makes fullscreen mode useless and its driving me nuts, because this should not happen on Apple software. I would expect these sorts of behaviour on windows but not in osx.
Anybody have a hint about what to do?https://discussions.apple.com/thread/3881124?start=0&tstart=0 <<<<< GO THERE
Try this: make a temporary, backup copy (if you don't already have a backup copy) of the library and try the following:
1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
User/Home()/Library/ Preferences folder.
2 - delete iPhoto's cache file, Cache.db, that is located in your
User/Home()/Library/Caches/com.apple.iPhoto folder.
Click to view full size
3 - launch iPhoto and try again.
NOTE: If you're moved your library from its default location in your Home/Pictures folder you will have to point iPhoto to its new location when you next open iPhoto by holding down the Option key when launching iPhoto. You'll also have to reset the iPhoto's various preferences. -
Is there a pop-up blocker I should turn off to access sub menu(s)?
When accessing my corporate web site https://home..... I cannot get to the sub menu option(s) Is there a pop up blocker I should turn off?
If a web page tries to show pop-up windows, Firefox will display a message asking whether to show the pop-ups. (Click the image below for an example.)
If these are "hover" menus that appear within the page when you move the mouse cursor, they probably don't open in new windows and will not be blocked by pop-up blockers. They might be hard to use in mobile Firefox because there is no mouse cursor.
To open these sub-menus in mobile Firefox, try pressing on the menu. When the sub-menu appears, move your finger away before lifting it. -
When streaming a movie from an imac to apple tv, is there a way of putting the imac display off? I find it a waste having the screen on in another room. Any advice?
No problem.
This is a user forum so you are not addressing Apple. There's nothing to fix, that's how home-sharing works. There would be no way for the ATV to recognize your library and display content if the computer is in sleep mode.
You can always airplay from an IOS device or use icloud if you don't wish to keep the computer on. -
My 4th Gen ipod touch has crashed, just displaying a bark blue screen. It will not turn off or respond to any buttons being pressed or held for a number of minutes. Connecting to the laptop does not help either. Has anyone had this happen on their i touch or have a solution??
ThanksIf not successful, try the remaining actions of:
iOS: Not responding or does not turn on -
Import dialog box displaying off screen
When I'm in the office, I work in a dual-monitor environment.
However, when working at home, I have only my laptop monitor.
If I need to import something - html file, template file,
etc. - the dialog box is displaying off screen.
I've shut down and restarted, but still the same result. When
I try to resize the RH window, it resizes off screen.
My display properties indicate only one monitor.
How to fix?
Thanks!
CindyHi Cindy
Sounds like you need some multiple monitor managing software.
Try these:
MultiMon (Free)
click here
UltraMon (Paid)
click here
Other than that, you can try flying blind and navigating
using the keyboard or maybe bump your resolution to the highest
possible setting and perhaps that will bring the dialog either
partially or totally into view.
Cheers... Rick -
How to turn off macbook pro15" screen display ?
Hi. how to turn off screen display on my macbook pro15" ?
[email protected]Maybe this will help +Use a MacBook with the main display off+:
http://hints.macworld.com/article.php?story=20060607121656766 -
My laptop meets minimum display resolution for Lightroom 5 but bottom of windows display off-screen
I installed Lightroom 5.3 on my older Lenovo laptop with 1280x768 native screen resolution. When I open Lightroom and try to set up preferences, the lower part of the preferences window is displayed off the bottom of the screen and I am unable to move it up to make changes. The same thing happened when it asked me to download the update to 5.5; I could not get to the bottom of the window to say yes.
The Lightroom 5 specs say the minimum display resolution required to use Lightroom 5 is 1024 x 768 display. My laptop exceeds that.
I am using Windows 7 64bit and LR 5 64bit.
Any ideas or suggestions?
DonAny chance you have set display scaling to Larger - 150% in Windows 7 display settings? It is possible that that is affecting the display size of LR.
-
Menubar load modules for each sub-menu
I am creating an application using the MENUBAR but cannot get a module to open when a sub-menu is clicked. I have stripped my app down to bare bones to eliminate other factors. The menubar has several main options, such as, Button1, Button2, Button3 and then each has a sub-menu dropdown. If Button1 has Button1Sub1 and Button1Sub2 dropdowns I want to have a different module launch when either of the sub-menus are clicked.
I have been successful in using ModuleManager to open a particular module referencing the creationComplete="moduleLoadHandler()" but not by selecting a menu item from the menubar. My application needs to be as user-friendly and Windows-like as possible. There are many different modules which need to be loaded and unloaded.
I have attached a screenshot image of my project tree and circled the ActionModule.swf file to show its location.
I have attached my code below:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="creationHandler();" >
<mx:Script>
<![CDATA[
import mx.controls.menuClasses.IMenuBarItemRenderer;
import mx.controls.MenuBar;
import mx.controls.menuClasses.MenuBarItem;
import mx.controls.Alert;
import mx.modules.Module;
import mx.events.ModuleEvent;
import mx.modules.ModuleManager;
import mx.modules.IModuleInfo;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
import mx.events.FlexEvent;
import mx.events.MenuEvent;
import mx.collections.*;
public var _moduleInfo:IModuleInfo;
[Bindable]
public var menuBarCollection:XMLListCollection;
private var menubarXML:XMLList =
<>
<menuitem label="Menu1" data="top">
<menuitem label="MenuItem 1-A" data="1A" itemClick="moduleLoadHandler()"/>
<menuitem label="MenuItem 1-B" data="1B"/>
</menuitem>
<menuitem label="Menu2" data="top">
<menuitem label="MenuItem 2-A" type="check" data="2A"/>
<menuitem type="separator"/>
<menuitem label="MenuItem 2-B" >
<menuitem label="SubMenuItem 3-A" type="radio"
groupName="one" data="3A"/>
<menuitem label="SubMenuItem 3-B" type="radio"
groupName="one" data="3B"/>
</menuitem>
</menuitem>
<menuitem label="Menu3" data="top">
<menuitem label="MenuItem 3-A" data="3A"/>
<menuitem label="MenuItem 3-B" data="3B"/>
</menuitem>
<menuitem label="Menu4" data="top">
<menuitem label="MenuItem 4-A" data="4A"/>
<menuitem label="MenuItem 4-B" data="4B"/>
</menuitem>
</>;
private function creationHandler():void{
menuBarCollection = new XMLListCollection(menubarXML);
private function moduleLoadHandler(event:ModuleEvent ):void{
canvas.addChild( _moduleInfo.factory.create() as Module );
_moduleInfo = ModuleManager.getModule('ActionModule.swf');
_moduleInfo.addEventListener(ModuleEvent.READY, moduleLoadHandler);
_moduleInfo.load();
// Event handler for the MenuBar control's itemClick event.
private function menuHandler(event:MenuEvent):void {
// Don't open the Alert for a menu bar item that
// opens a popup submenu.
//if (event.item.@data != "top") {
// Alert.show("Label: " + event.item.@label + "\n" +
// "Data: " + event.item.@data, "Clicked menu item");
private function onTopSelection(event:MenuEvent):void{
var mb:MenuBar=event.target as MenuBar;
var selectedIndex:int=mb.selectedIndex;
for (var i:int=0;i<mb.menuBarItems.length;i++){
if(i==selectedIndex){
(mb.menuBarItems[i] as MenuBarItem).setStyle("fontWeight","bold");
else{
(mb.menuBarItems[i] as MenuBarItem).setStyle("fontWeight","normal");
]]>
</mx:Script>
<mx:Canvas id="canvas" height="75%" width="75%"
paddingTop="10" paddingLeft="10">
<mx:MenuBar labelField="@label" itemClick="menuHandler(event);" dataProvider="{menuBarCollection}" change="onTopSelection(event)" />
</mx:Canvas>
</mx:Application>Hi,
I am also doing the same way, but ended up with some issues.
I have a Main Application with a menu Bar on Top and Rest of the area occupied by a ModuleLoader.
First I set the URL to login module, on successful login I initialize my menu Bar based on User role and load a new module, it contains only a SuperTabNavigator.
On click of an item in my Application Menu, I add a Custom Componenet built on Canvas (Named MyCanMod , this contains a Module loader and a progress bar in it , I have attached the code) as a tab to the tab navigator.
On menu item click, I take the data of my menu item and set that as the URL of my Module Loader inside the Custom canvas. Then it is added as a tab to my tab navigator.
private function openItem(event:MenuEvent):void
var myModule:MyCanMod = new MyCanMod(); tabNav.addChild(myModule);
tabNav.selectedChild = myModule;
myModule.label = event.item.@label;
myModule.icon = document_icon;
myModule.urlParam = event.item.@module;
urlParam is a bined to the module Loader url in my Custom componenet.
All works fine. I am not unloading any modules and all the module loader are set to current domain.
When the user logs out and logs back with out refreshing the browser I get Type Error or some time null Object error and it is random. If I refresh the browser and login back, every thing is fine.
I do have reference for IDragManager,HistoryManager,PopUpManager,RemoteObject in main application.
I am not concerned about unloading modules now, but then on Tab close event I unloaded the module, and that did not solve the problem.
I get an error like
TypeError: Error #1034: Type Coercion failed: cannot convert flexlib.controls::PromptingTextInput@6152a851 to flexlib.controls.PromptingTextInput.
at mx.core::UIComponent/createReferenceOnParentDocument()
at mx.core::Container/createComponentFromDescriptor()
at mx.core::Container/createComponentsFromDescriptors()
at mx.core::Container/createChildren()
at mx.core::UIComponent/initialize()
at mx.core::Container/initialize()
at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::childAdded()
at mx.core::Container/http://www.adobe.com/2006/flex/mx/internal::childAdded()
at mx.core::Container/addChildAt()
at mx.core::Container/addChild()
Any help is appreciated; I am really struck with it, please help. -
Nav bar sub menu and Slideshow not displaying in preview?
Hi,
My website, markmillerdesign.com hosted by godaddy is not displaying the sub menu or the images to the slide show.
I had to relink all of my assets because my computer was restored, but they all work until i preview in a browser or upload site.
My Nav menu is set to show all pages but the sub menu is still not working or coming up?
I have even made new slideshows and reinstalled images but they still do not come up in preview mode or on the web.
Is there a way I can diag this? Any ideas?
Please help!
Thanks.I am now getting this same error on all of my websites. some of them I havent uploaded to or even updated for quite a while, is this a muse issue since the last update?
Please help ! -
Applications are been displayed off screen
I'm using applications and some of them are been displayed off my screen, allowing me to see only part of the application.
Hi bw1960-
Greetings and welcome to the Apple boards
Try booting from your OSX installation disk and use Disk Utility to repair permissions on the drive.
This may be helpful: About Disk Utility's Repair Disk Permissions feature
Luck-
-DaddyPaycheck
Maybe you are looking for
-
Dear Experts, I paid a vendor invoice thru F110. When I look at the vendor invoice document thru FB03 clearing document field has been updated with clearing document. But when I go to FBL1N this document still showing as open. So I went to F-44 to se
-
Exclamation mark comes up instead of image to edit - why?
When double clicking an image to edit, some images appear as blank dark grey screens with an exclamation mark in the middle so can't be edited. Others open up normally.I think this has happened since I updated to iPhoto 6.0.6 but can't be sure. Is th
-
Best Way to Play Blu-ray disc/Blu-ray ISO on Windows 8
Nowadays, almost any computer can play DVD movies as long as there is a DVD drive provided, whatever it's a PC or Mac, homemade DVD or commercial DVD. But what about Blu-ray movies? Could your Windows 8 PC play this high definition movie formats with
-
I have a new IPad mini and it is linked to my daughters phone number. How do I change to my phone number?
-
FCP 5.1.1 crahses a lot on Mac Pro
My spanking new Mac Pro and FCP 5.1.1 seem to have a problem as FCP crashes a lot. Log says for the last couple of crashes: 0x9fe8f000 - 0x9fed1fff ProMediaIO /Applications/Final Cut Pro.app/Contents/Frameworks/ProMediaIO.framework/Versions/A/ProMedi