Vertical Menu Widget

My daughter-in-law owns Bernards Magic in Melbourne, AU.
We are doing a new site for her.
She wants a menu on both the left and on the right site of the home page.
She would like to have vertical menus with side child tabs. See top example . . .
It appears Muse doesn't offer the option of placing the 'child' menus to the left of the parents.
There is no little + symbol to click.
If I'm missing something - please let me know.
If Muse doesn't offer the feature would anyone offer suggestions?
Thank You >>

With reference to this thread <http://forums.adobe.com/message/5116236>, try changing the submenu position with the help of X location option in the Control bar.
Thanks,
Vinayak

Similar Messages

Problem with Vertical Menu Widget in Muse

Using the vertical menu widget in Muse, I want to make the submenu pop up under the parent item. The default action is to pop up to the right. How do I override this?

Thanks for posting this question - I too had this question, and I think I found a way to do this. Try using the "Padding" feature located on the Spacing panel. Looks like you can use this tool to move the location of the sub-menu group, Just make sure you have the sub-menu's selected first. Seems to have worked for what I was wanting to do. Hope this helps!
I will be posting a "new feature" request involving the menu widget, later on today. Check back later and vote in favor.

How do I get the vertical menu's widget's sub menu to come from the left?

I am using the vertical menu widget and want to make the submenu come from the left of the parent item. Muse only offers the choice of the submenu coming from the right. Is there a cheat to sort this anyone's aware of? If not, is there a widget out there that would allow me to do this.

Hi Anshul
When I tried to replicate your video on my machine, it didn't work in the same way. I have a button on the site that links you through a drop-down menu of five options and from each of them comes several (between 5 and 10) other pages, via a drop down menu, currently on the right.
Your video shows setting the Menu Type to All Pages, but I can't do this as i have to set it to Manual. I also cannot open all the child menus at the same time, as you do in the video. I can only do one set at a time.
I can move the menus from right to left without a problem but when I re-open the menu, it's gone back to the right. Any suggestions?

Is there a way to create a vertical menu for tablet that stays in place?

I am a novice in web design, and I want to make a vertical menu for a tablet page that stays in place.
It should not scroll, and it has to resize depending on screen size, so it looks the same across different tablet sizes.
Is this possible in Muse? After reading some posts I am getting the feeling this is not possible at all, is that really true?
If it can't be done in Muse, can I do it another way? In Dreamweaver for instance?
The reason I want this is that in my opinion horizontal menu's for tablets are ergonomically bad design, and just plain annoying. You always have to use two hands, lift one hand and then you probably block the view of the screen.
Vertical menu's for tablets just make more sense since they can be made so that you could place them on the side of the screen so it would be possible to navigate with the hand that is holding that side of the tablet.
I hope someone can help me.

Yes, I am using the widget.
It seems it is not possible to make the menu stick in tablet design (the pin options are greyed out). Nor is it possible to make the menu scale with screen sizes.
A possible solution would be the ability to make it stretch to 100% screen size, like you can with horizontal objects.
I have noticed though, that, for some reason, in web design it is discouraged or very hard to make things stretch 100% vertically. It seems to cause problems, and I don't understand why.
Since I have started in web design, I have seen many posts of people having design problems, where stretching 100% vertically would be the obvious solution.

Iframe flashing Spry Vertical menu

Hi All,
Im having an issue with the Spry Vertical Menu with flyouts.
It appears that the iframe used for the IE hack is flashing
on the screen whenever I rollover a menu item with a flyout in it.
Anyone having this same issue? Any help would be much
appriciated as I like the new Spry Widgets but I cannot have
glitches such as these... thanks
Here is my CSS:
@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: 82px 0px 0px 26px;
padding: 0;
list-style-type: none;
font-size: 1em;
cursor: default;
width: 14.5em;
/* 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: 0px 0px 0px 0px;
list-style-type: none;
font-size: 1em;
position: relative;
text-align: left;
cursor: pointer;
width: 14.5em;
/* 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%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
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: 8.2em;
background-color:#620808;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
text-decoration:none;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #000;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
font-size: 1em;
padding: 0.5em 0em 0.5em 2em;
color: #dfc398;
text-decoration:none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-image:url(../images/office/side_menu_rollover.jpg);
background-repeat:no-repeat;
background-position:6px 8px;
color: #FFF;
text-decoration:none;
/* 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
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.MenuBarVertical 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.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;

ok... no sooner than I hit submit... figured it out...
If anyone comes across this, it seems just add width:0,
hieght:0 to the following css:
/* 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;
width:0px;
height:0px;
Happy coding!

What's a good wysiwyg menu widget for Dreamweaver CS6 Mac?

I'm trying to build menus in Dreamweaver CS6 Mac, and started using Spry...then learned that Adobe will no loner be supporting Spry and that it may not be as compatible with browsers in the future.
What's a good alternative wysiwyg menu widget for Dreamweaver that's makes it easy to create horizontal/vertical pop-down menus/sub menus? I'd be willing to pay for it if it's worth it. Would be nice if it worked within Dreamweaver using Design/Spit modes the way Spry does, but not essential. Thanks!

Project Seven are widely regarded for their commercial DW menu extensions.
PMM3 is one of the best I've seen
http://www.projectseven.com/products/menusystems/pmm3/index.htm
I have no affiliation with Project Seven other than as a happy customer.
There are other menu systems out there too but I've never used them.

Vertical menu with vertical submenu's

Hi,
I would like to create a vertical menu with vertical submenu's. So when you click on a menu item, it slides open and reveals the submenu items. I tried to combine different accordion widgets together and also to combine an accordion with a vertical menu, but this got all quite messy, especially when I previewed it. It seems such simple feature (Muse is using it for its own menu structures, for example the widget-library) so I find it strange that it is not available in the library or somewhere else online...
Thanks for your advice!

Hi
How exactly you have tried with accordion ?
With accordion widget this can be achieved , as label the items as main menu and sub menu items.
For example , insert an Accordion , name the label as Main and insert other elements in container area and then link them to specific pages.
You can also , try to insert an accordion with rotation so that the menu items should appear with horizontal expansion.
These video should help you :
http://www.youtube.com/watch?v=dQy_lj0ZXss
http://www.youtube.com/watch?v=_LYbjPQnw9k
Thanks,
Sanjit

Menu Widget navbar overlapping

Hi
I used the menu widget to make a vertical navbar, and it has submenus. I added the menu to the Master page so that it goes across all the pages.
I added some pages and need to edit the submenu appearance, but in the master page, the submenus are overlapping and i am not able to edit the "buttons".
I cant hide the sub-menus in order to edit them to match the previous child pages.
Seriously do not understand why this is such a giant pain the behind to use and interface with in order to edit.
Thanks in advance,
Arjun

Hi Arjun,
If you have multiple child pages under adjoining parent pages, it may at times end up with overlapping submenus when the vertical menu is placed initially. However, you can hide all submenus and then just open the one you want to work with by clicking on a top level menu item a few times. Please refer to this short video: https://grabb.worldsecuresystems.com/SubMenuEdit.swf
Hope this helps.
Cheers,
Vikas

Vertical Menu & Submenu

Does anyone know how to create (or if there is a widget out there in the market somewhere) a vertical menu that can contain submenu items that expand and push down (like an accordion), but that will stay fully open (expanded) once a submenu item is selected (thus allowing selection of another submenu item without having to return to the parent menu item. My specific objective is to have a vertical with "Home", "Galleries", "About", etc. with individual galleries in the expandable (on click and/or rollover) area below Galleries, but that remain open once a specific gallery is selected. I've worked various tries, and the only way I can come close is to have state buttons inside the drop-down below an accordion menu item, but that won't stay open when any of the buttons are selected.
The only examples I can find are copyrighted by others, so I am hesitant to reference/show them here as examples. Any help would be appreciated.

You can checkout these links :
https://creative.adobe.com/addons/products/2111#.VHwFD8lsiks
https://creative.adobe.com/addons/products/4061#.VHwFGclsiks
http://muse.adobe.com/widget/vertical-almosnino01
http://creativedroplets.com/adobe-muse-tips-sliding-menu/
Thanks,
Sanjit

Lost Spry Menu Widget Code

Please help -
I have somehow lost the code that allows me to use the SPry
menu widget to edit my horizontal spry menu. The drop down menu I
created for my site template using the Spry menu bar works fine and
my page looks great when I preview. But now widget no longer
exists. I still have all my original spry assets and CSS. It looks
like I may have to recreate the page and drop downs all over again
- -is there a way to "reimport" the spry assets and css to save
time in recreating my page? Any idea why my widget code got
deleted?

You could change this part of the css file for the menu in
your spry assets folder.
SpryMenuBarVertical.css
Try changing the 95% to -95%.
/* 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%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
Also change this for the pointer gif that shows. Its in the
SPryAssets folder also.
Change the 95% to 2% and you can use Photoshop to flip the
image to point to the right, or left direction.
/* 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%;
}

The menu widget doesn't allow me to resize individual buttons!!!

Hi!
Since the latest update to muse, the menu widget just goes nanners!
It does not matter whether I untick 'edit together' and select 'unifor spacing' I still can't seem to resize individual buttons like I used to with muse 5 or 6. Furthermore, the menu widget will start resizing itself like crazy back and forth in any direction even if I slowly drag the vertical size up/down and so on.
What is going on?
I have a client waiting for his website and I can't even use the thing anymore since Jan 22 update (which I just installed today). I'll still work around it as it's not the actual menu I need anyway, just something to overlay over a photoshop bar to link to pages, but it still bothers me a lot that the widget is utterly useless now.
Any ideas?
Muse 7.2, Build 232
Windows 8.1

Hi RimVai!
I repeat, you must build up every button separately and link each button in Hyperlinks to the right Page as you did on video.
Please follow the instructions:
1. At first make only "Home Page".
2. Go to "Master Page".
3. Copy "Home Page" and paste it on "Master Page" by using Paste in Place feature.
4. Drag "Copy Home Page" to the right and you can edit "Copy Home Page" as you want.
5. Add "Copy Home Page" on Plan Mode and change the name of the Page.
6. Link Pages in "Hyperlinks" to the right Pages.
Best Regards
TaikaJim

Modify horizontal menu widget to bar menu

Can someone please explain how to change horizontal menu widget to bar menu widget, since the bar widget is missing on my Muse?

Well if I understand your question correctly, I think what you would do is just create the "bar" in the background using the rectangle tool, and then overlay the horizontal menu widget over top. Then you would set the rollover states on the menu widget to have transparent backgrounds, so that the bar behind would show through. There isn't a separate "bar" widget available in Muse - just horizontal and vertical.
Hope this helps!
Cheers,
SH

Can this vertical menu be done in Muse?

I am wondering if a vertical navigation system can be created in Muse such as the one at www.nclud.com.
Their vertical menu seems to be pinned to the left and snaps all the way from the top of browser to the bottom of the browser. It also seems to function similar to an accordion panel widget. In the normal state only the icons are displayed and in the rollover state the menu expands and displays both icons and text
Below is a picture of the menu in the normal state.
the following picture shows the rollover state.
Can this be done in Muse as of the latest release? My apologies for all the typos and updates. Time for me to call it a night.

hi,
yes of course it can be done in Motion, and its easier too!
The second one first. In AE you comp layers together to make them more managable, in Motion its even easier since you just create a new group and drop the layers inside that.
So in this example you would add two background layers and add a text layer. Then create a new group and add the text and one of the background ( or jump backs as he calls them) to it. The other jump back should be underneath the new group.
navigate into the group and you can add blur and levels filters to the jump back. Then select the text and form the inspector change its blend mode to silhouette alpha, this will show the blurred jumo back through the text). You may have to click on the group itself and change its blend mode from pass through to normal.
finally you can add a colourise filter to the lowest jump back layer like they do in the tute.
easy!
thanks
adam

Hello! I need help for Adobe Muse vertical menu! very urgent!!!

Hello!
How can i make a menu like this in adobe Muse: http://www.bryanschutmaat.com/
- vertical menu with vertical submenu
Thanks!!

To achieve this, you can use an accordion widget with custum styling.
IF you search for Terry White, Muse, accordion, you will find some video tutorials on YouTube.

How to set up slider mobile menu widget on master and pages of mobile website in Muse

Adobe Muse Slider Mobile Menu Widget by MuseThemes
I am new to mobile website design and Muse, I love this widget, but I am not sure how to set it up on multiple pages.
Do I put it on the master? Content covers it when it is on master, so I could use some help.
Thanks so much, anyone know of tutorials or can anyone give me a game plan to set up. thanks so very much!

Thanks, my issue was that the content was in front of the navigation menu see screen shot (taken in preview in Muse)

Vertical Menu Widget

Similar Messages

Maybe you are looking for