Forums

Board index » YUI 2.x: » Using YUI 2.x Components

Page 1 of 1   [ 1 post ]
New Topic | Post Reply | Print view

Danisoid

  • Username: ydanis
  • Joined: Wed Oct 26, 2011 7:52 am
  • Posts: 3
  • Offline
  • Profile
Tags:

YAHOO.widget.MenuBar Flipping from Vertical to Horizontal

Post Posted: Wed Oct 26, 2011 8:15 am
+0-
Hi,
I implemented the MenuBar as recommended but at the opening of the .NET 4.0 page, it presents the menu vertically before flipping it to Horizontal.
I use that same menu vertically on other pages and it works great.

Thanks for your help.

the code below is fairly classic. I tried to tinker with the render and show functions but unsuccessfully.

<script type="text/javascript" src="yui_2.8.2r1/build/menu/menu-min.js"></script>

YAHOO.util.Event.onContentReady("basicmenu", function () {
var oMenu = new YAHOO.widget.MenuBar("basicmenu", {position: "static"});
oMenu.render();
oMenu.show();
});

<body class="yui-skin-sam">
....

<div id="menu_choice_Horizontal">
<div id="basicmenu" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem">
<a class="yuimenuitemlabel" href="#">
Sales
</a>
<div id="Daily Sales Report" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem">
<a class="yuimenuitemlabel" href="#"
.......


#menu_choice_Horizontal
{
border-style:none;
width:750px;
position:relative;
top:0px;
left:-3px;
background-color:#FFFF99;
display: block;
}
Page 1 of 1   [ 1 post ]
New Topic | Post Reply | Print view
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Recent Forums Posts

Recent YUI Blog Posts

Online Users

No Users Online

© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info

Powered by phpBB® Forum Software © phpBB Group