Positioning of the menu fly-outs

Hi,
I have created a horizontal menu using CSS on a JSP. This is a three level menu, meaning, it is having fly-out sub menus till third level.
The problem is that, the contents in the menu are quite a bit so for viewing all the entries, one has to use the scroll button present on the mouse ( which is kinda irritating on the laptops). Is there any way to keep the position of these menus relative? According to the size of the menu, and the screen size, the position should be displayed. Or, like in windows we have for start button, only a certain number of entries should be displayed and for rest of them, a new button should be displayed.
kindly help me.

This is at end more a HTML/CSS/JS matter than JSP matter. JSP is just there to allow integration between Java and the HTML/CSS/JS. There are HTML/CSS/JS forums at webdeveloper.com and dynamicdrive.com. Good luck.

Similar Messages

Inaccurate scaled-by percentages in Links menu fly-out.

Stickler about making sure that images in layouts are 100% / 300 dpi before they leave our studio.
Just hit an instance in Illustrator where the fly-out on the Links menu reported an image to be placed at 24%, after the PSD was scaled down accordingly in Photoshop and the link was updated, the same fly-out reported back a happy 100%. BUT... with a closer look, the dimensions actually are really quite wrong.
What's going on? File type? Bad karma?
Thanks!
F

When images are embedded, Illustrator uses 72 ppi as 100%. So if you embed a 300 ppi image, then the scaling percentage will show as 24%, since a 72 ppi image scaled to 24% will end up at 300 ppi resolution.
It's one of the 100 most annoying things in Illustrator, and it is a bloody disgrace that this is still in version 13. I assume it is in version 14, too.

How can I reduce the width between search results and the preview fly-out?

Hello, I am using a custom masterpage that reduces the overall width of page content but I am seeing an issue with my enterprise search site. The search results look fine but there is a large horizontal gap between the results and document preview window
(when mousing over a word/excel/powerpoint result). This means that the preview fly-out is hardly visible unless the user scrolls horizontally to the right. Can someone tell me how to set a reduced width between the results web part and the preview window?
Example:

I think the issue is with the Callout orientation, have you customized the page and if so then you can customize the callout.
check "beakOrientation" and you can set values like topBottom, leftRight as per your requirement.
see here for more information -
http://msdn.microsoft.com/en-us/library/office/dn135236(v=office.15).aspx
Hope this helps!
Ram - SharePoint Architect
Blog - SharePointDeveloper.in
Please vote or mark your question answered, if my reply helps you

How do you get the Menu Bar out of Fullscreen mode with Safari?

When I click on Full Screen mode to watch video the Menu Bar remains at the top of the screen. This just recently happened and its only with Safari because Firefox's Full Screen mode works as it should. I have read many forums with questions similar to mine but none have helped. Please keep in mind when you answer this question that it is NOT JUST WITH YOUTUBE. This is happening with every website that I use to watch videos. I suspect that the update had something to do with this because if memory serves right it happened the last time I updated.

Im sorry but I figured it out now. I hate when you figure something out right after you do something extreme like signup for a profile here and post a question. Well to those who want the answer all in one shot there are 2 solutions for me.
1. Make sure Safari is updated completely. You can check by clicking SAFARI> ABOUT SAFARI
Safari 5.0.5 gave me this problem but the new update is 5.1.2
2.Glims - Free ad on for Safari which enables you to view you window in COMPLETE full screen at all times, as well as maximise your window to fill all empty space (makes so you dont have to worry about accidentally clicking on your desktop which I do all the time lol). You can use this option once Glims is installed simply by clicking on
SAFARI> Full Screen
or
SAFARI> Maximise Window Size
By doing Full Screen mode you can then click on the full screen capability on the website you are on

I am missing the add objects section from the fly out menu in Photoshop CS6. 3d workspace

I am missing the "add objects" section from the fly out menu in Photoshop CS6. I am in the 3D workspace of Photoshop. "Scene" is highlighted and I have clicked on the little fly out menu in the upper right hand corner of that panel. The whole section that should contain, Add objects, delete objects, duplicate objects, all the way through reverse order is missing. The add lights section above and render section below it is there. I am not new to Photoshop, but I am new to the 3D section of Photoshops work space.
I do know about creating a new layer in the layers tab and merging the objects together trick. But I kind of would like for the program to work correctly as I am sure that doing it that way will cause some sort of problems later in the work process.
Below are the specs of my system.
Adobe Photoshop Version: 13.0.1 (13.0.1.3 20131024.r.34 2013/10/24:21:00:00) x64
Operating System: Windows NT
Version: 6.2
System architecture: Intel CPU Family:6, Model:12, Stepping:3 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2, HyperThreading
Physical processor count: 4
Logical processor count: 8
Processor speed: 2394 MHz
Built-in memory: 32651 MB
Free memory: 28832 MB
Memory available to Photoshop: 29606 MB
Memory used by Photoshop: 89 %
Image tile size: 128K
Image cache levels: 4
OpenGL Drawing: Enabled.
OpenGL Drawing Mode: Basic
OpenGL Allow Normal Mode: True.
OpenGL Allow Advanced Mode: True.
OpenGL Allow Old GPUs: Not Detected.
Video Card Vendor: Intel
Video Card Renderer: Intel(R) HD Graphics 4600
Display: 3
I am actually running windows 8. So I am not sure why it is saying windows NT. Anyway...
Photoshop says that my software is up to date. I use Photoshop daily and everything else works just fine. I have looked through this forum and there is someone else who had the same issue as me but their question was not given a solution. So that is why I choose to post it again.
Any help will be great. Thank you!
Mark.

I've made tests with four different 3rd party tools: OpenGL Extension Viewer, GPU Caps Viewer, Compute4Cash OpenCL Diagnostic Tool and Mudlord's Glide3x wrapper tester. All those tools report no problems with my video card driver and OpenGL/CL.
I have contacted nVidia and based on reports from the tools and visual tests from GPU Caps Viewer nVidia support doesn't see a problem with my driver.
I found sniffer_gpu.exe which according to Adobe Help pages is a kind of diagnostic tool and determines whether Photoshop uses the graphic card OpenCL or not. Here is the output:
Device: 00000000002B1BE8 has video RAM(MB): 1023
Vendor string: NVIDIA Corporation
Renderer string: GeForce GTX 650/PCIe/SSE2
Version string: 3.0.0
OpenGL version as determined by Extensionator...
OpenGL Version 3.0
Has NPOT support: TRUE
Has Framebuffer Object Extension support: TRUE
OpenGL ok
OpenCL ok, version=1.1 CUDA 4.2.1
Return code: 3
From Adobe GPU Sniffer tool, it looks OK.
On the other hand, I have your word that there is no problem with Photoshop not recognizing OpenCL for my card and that nVidia driver has problems. Can you justify this somehow? Perhaps you could provide more details on technical level, or another utility to run and extract details, to at least identify the problem Photoshop has and hopefully solve it on either side.
P.S. During tests there were two things which I noticed, but they are probably not related to the issue:
1. One tool reports the lack of Windows registry key SOFTWARE/Microsoft/Windows (NT)/CurrentVersion/OpenGLDrivers. But according to your previous statement, Photoshop only uses OS calls, no registry and according to nVidia, this key is not used in Windows 7.
2. During some tests GPU Caps Viewer reports that "OpenCL CPU not supported on the selected platform". This is not complaining about GPU, only about CPU. But Photoshop is complaining about GPU, so it shouldn't be relevant.

Make transparent Spry vertical fly out menu

I followed one tutorial on adding a Spry vertical flyout menu for my nav. I did it and it looks great. May I ask one question? I'm stumped on how to make the flyout menu for "For Sale" and "For Rent" flyout to the right. It works awesome without the sidebar1 div wrapping it. It's probably a laughably easy setting in the css, but I'm still learning.
I did try to help myself first by reading tutorials and watching AdobeTV videos, but they tend to cover how to stylize the menu vs troubleshooting.
I'm guessing that I've messed up the given css that comes with the menu when inserting it into the web page, so you'll probably recommend me delete the menu and it's css file and just start clean. Will you take a look at what I have so far. Here is the link:
[url]http://www.tclewisproperties.com/tn/index_test.html[/url]
here it is with the content and the submenus are displayed whether moused over or not. http://www.tclewisproperties.com/tn/index_test2.html
Your time is valuable, and I appreciate this 'push' that will get me making progress again. Feel free to pass on a link to where I can read and learn it to save you the time of typing.
Thank you,
Rob Cookenour
Vice President - Marketing Division
T. C. Lewis & Co. Properties
423-467-0005
[url]www.TCLewisProperties.com[/url]
Message was edited by: TCLewisProperties

Sorry for the 'green' post. I tell my daughters to read instructions before doing their homework, and I failed to read all the 'before you post' instructions. In my panic to get help for this old mind I have, I simply reached out too fast. I'm sorry to the forum.
I just updated my CS3 Spry files to the latest version from the link that you provided. Thanks for the help. After uploading the new spry filed to the site, I'm going back to start over and avoid my lack of skills in the vertical fly out menu and try an accordian menu for now.
Thank you to the forum for the help.
Rob Cookenour & Family.

DVR menu stalls out during certain times of the day

Lately when I am trying to play or record a show from my DVR, I find that the menu stalls out and I am hitting the "OK" button to the point where my wrist hurts. I have turned the box off for a while, but it doesn't help. I find this only happens in the early morning or in the middle of the night. I watch my shows at those times as I am feeding a newborn baby. Anyone else have this problem? Thanks.

the motorolla boxes are notorious for this... I have seen it with Verizon and Time Warner
Have you tried simply unpluging the power from the box for a minute or so?
If not, try that
If need be, unplug the power to the box, unscrew the COAX from the box to the wall, and check the pin in the middle to make sure it is not bent or broken... Do the same at the wall jack, if applicable... If all is well, plug it all back up, turn it on and test it out
IF it continues, call Technical Support at 1 888 553 1555
Bob Robertson - Lighter Klepto - I steal lighters, not bandwith

Fly out tool menus are not working after latest update-help?!

Attempting to click/hold click is not expanding the tool fly out menus in Illustrator after the latest update. I did discover that alt + left click will rotate tools, but I would still like to be able to access the fly out menus. Any help would be appreciated!

''tenderprey [[#answer-668426|said]]''
<blockquote>
So, it sounds like there's a compatibility problem. I didn't realize that Firefox accesses Silverlight in a whole different way. Do you think Firefox needs to be updated/patched to be able to work with the Silverlight plugin again, or does the plugin need to be updated to be compatible with the latest version of Firefox?
</blockquote>
First of all, I´m not a IT guy...just a fan of "firefox".
Regarding your question, since this issue started with the 34.0.5
version of "firefox" it´s my opinion that it´s "firefox" the one that
should be updated/patched to work again with "netflix".
to fix such issue.

Vertical spry menu bar 2.0 - orientation of submenus (left vs. right fly-out)

Hello:
I have a general question I would like to pose to anyone who has worked with the vertical spry 2.0 menu bar regarding the orientation of sub-menus (left vs. right flyout). In the previous version of the spry menu bar it was possible to to designate that the flyout sub-menus would appear to the left (as opposed to the right (normal or standard position) of the main level menu bar.
In reviewing the tutorials for the new version, and reviewing the settings for the widget I can't seem to see anything similar for the latest version of the spry menu bar. Does anyone now if this is possible? Does it require adjustments to the Javascript or can it be done directly from within the widget customization.
I realize that it isn't normal practice to pose questions in such general terms, however I thought I would try to determine if anyone has had experience in this regard before launching into the project.
Thanks in advance.
Steve Webster

OK, here's what I've done. By adjusting the right padding on #MenuBarVertical .MenuItem .MenuItemLabel, AND #MenuBarVertical .SubMenu .MenuItem .MenuItemLabel, I was able to position the right arrows to where I wanted them. I also removed all links from top-level menu items so that the fly-out submenus would appear on a touch screen. You can see the results on my client site: www.gcssepm.org. I must say that this solution was not intuitive; it took a lot of experimentation to figure out which rule to adjust, and menu rules vs. submenu rules seem to operate in the opposite manner as far as padding and arrows go.
I do have a similar issue with Scott, in that it takes two or more "taps" to get the submenus to fly out, but at least the arrow is there so the user knows there is a submenu to be had. The only real issue I still have is that for sub-submenus (i.e., third-level), no amount of tapping will get those to display long enough to select them (only an issue on the iPad). I don't know a way around this for the iPad, other than to also eliminate all links from second-level menus that have a third level, and that's more reprogramming than I want to do for today.
Final questions regarding the Spry 2.0 widget. Obviously, after I customized the widget, saved it, and imported into my site template, it took some additional tweaking before everything was working properly. Is there a way to export the settings back out to the widget, so that all the tweaking is there? Also, is there a way to save my menu text back to the widget, because it is obviously NOT Home, Entertainment, Music, etc.
Thanks for all your help, and I hope someone else benefits from my experiences as well.
Gail

I've recently messed up my Mac OS X Lion by deleting Aperture, but I need to get my data out of the computer. And by the way, I've got an important project in Final Cut Pro X. Is there any way I can back it up (including fxs and positions of the clip) ?

Hello everyone
I've recently messed up my Mac OS X Lion by deleting Aperture, but I need to get my data out of the computer. I've tried to repair it using DU, but it said I needed to backup all my data and reinstall the OS. How do I backup my data to an external drive?
And by the way, I've got an important project in Final Cut Pro X. Is there any way I can back it up (including fxs and positions of the clip) ?
Hope you guys can help me!

You need to back up 2 folders, Final Cut Events and Final Cut Projects which by default are located on your Movies Folder. You can always check by clicking on a clip inside Fianl Cut X and selecting Show in Finder in the contextual menu for the selected clip.

How to make a fly-out menu item checked?

Hi,
is there a way to make a fly-out menu item (coming from an XML list) checked - like in this example:
by the way, I know it's been submitted as a bug already, but fyi sub-menu items (2-1 in the following example) don't work as expected:
var xmlMenu:XML =
    <Menu>
      <MenuItem Id="item_1" Label="Item 1"/>
      <MenuItem Label="Item 2">
        <MenuItem Label="Item 2-1"/>
      <MenuItem/>
      <MenuItem Label="---"/>
      <MenuItem Label="Item 3"/>
     </Menu>;
Thanks in advance!
Davide

If Harbs says nope, it's nope
At least now I know it. Thanks!
Davide

Photoshop Elements 8 flyout menu - will not fly out!

None of my flyout menus will fly out. I hover my cursor over the little black triangle, and nothing happens. I click on the item and then hover my cursor over the little black triangle and nothing happens. I click directly on the little black triangle and nothing happens. I choose a menu item and check the options bar at the top, and no other tools in the group are offered. Is there a setting or something that is preventing me from accessing the hidden menus?
BarbLS

Barbara B on another thread gave the answer that worked: "You've got to click and hold. Try right-clicking if the response is too slow."

Format Chart Context (Fly Out) Menu

Post Author: stevek
CA Forum: General
Hello all,
In my deployed CR 8.5 application the "Format Chart" fly out menu does launch any subsequent dialogs. When I select a chart and right click and hover over "Format Chart" the fly out menu appears with "Template", "General", "Titles" and "Grid" but nothing happens when I select one of them.I have the "sscsdk80.dll" deployed with the application.
Any help would be greatly appreciated.
TIA
Steve

I Found OSS Note that looks promising!
Note 1119412 - Internet Explorer standard context menu displayed on chart

Fly out menu driving me absolutely nuts!

I am so frustrated. I have used PluginLab before to create
menus and have had minor problems. This time, I am about to scream.
Now that I got that off my chest. I would appreciate any
expience or other option for help.
I have created a flyout vertical menu with PluginLab. I
created it about half way through and thought I would test it out.
Worked fine, So I completed the menu.... did not fly out.! So send
for support.... apparently it had put an extra /bloom into its
pathway. So I put that pathway in and it worked.! Everything was
fine, for the operation of the menu...... but the actual url was
changing.... some reason the /bloom was getting doubly added to the
address to find the pages???
So I took out the /bloom.......
uploaded and then the fly outs did not work.
In frustration I moved a copy of pluginlab folder in both
levels /TEST and /bloom. did not work for fly outs or right
address.
So then I took out the /bloom out of the menu structure......
It all worked fine. Right flyouts.... Right addresses.
Support got back to me stated that the pluginlab folder
should be only in the /bloom and that the url should also be
/bloom. so I changed it to that.... nothing works.... changed it
back to the way I had tweaked it (where it worked), does not work.
Basically I have a very disfuctional menu system.
Any help appreciated!! Since my support seems to be in a very
late or early time zone.
problem
pages

"Coldstream" <[email protected]> wrote in
message
news:e7h9g6$prn$[email protected]..
>
> I am so frustrated. I have used PluginLab before to
create menus and
> have had
> minor problems. This time, I am about to scream.
Read through Darrel's page - it's valuable information.

Fly-Out Menu background

I have enabled the fly-out menu option on my SharePoint 2013 master page using the code below. Can someone tell me how to set the width of the background box? In Chrome the text is wider than the box, and in IE the box is really tall and narrow,
and it wraps the text for each of my links to 8 or 10 lines. Thanks.
<SharePoint:AspMenu
id="V4QuickLaunchMenu"
runat="server"
EnableViewState="false"
DataSourceId="QuickLaunchSiteMap"
UseSimpleRendering="true"
Orientation="Vertical"
StaticDisplayLevels="1"
ItemWrap="false"
AdjustForShowStartingNode="true"
MaximumDynamicDisplayLevels="1"
StaticSubMenuIndent="0"
SkipLinkText=""
/>

I found this site which might assist with no wrapping within the flyout menu:
http://blog.sharepointexperience.com/2014/10/increase-width-sharepoint-drop-down-navigation/
Specifically-
/* Resize navigation fly-out width */
ul.dynamic {
width:
auto !important;
/* !important needed to override inline SharePoint style */
white-space:
nowrap;
That worked for me.
Jesse A. Brandenburg

Positioning of the menu fly-outs

Similar Messages

Maybe you are looking for