Adding scroll arrows to Menu

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
harneet
Beginner
Beginner
Posts: 5
Joined: Wed Oct 04, 2006 5:22 am

Adding scroll arrows to Menu

Post by harneet »

Hi,
I have a menu which has lot of options because of which its getting cut in the frame where its placed. After a list of 5, i would like to add scroll down & scroll up arrows to navigate through my menu options. How can i do that. i am pasting below the code(here the "userList" size is very large which is the cause of the issue):

<div id="menuOptions" class="menuOptions" style="vertical-align: middle;" onmouseover="this.className='menuOptionsOver';show('viewTradesDB');hide('blotterEntriesDB');" onmouseout="this.className='menuOptions'"><idcBean:message key="label.preference.viewTrades"/><img src="<%=request.getContextPath()%>/theme/images/menudrop_icon3.gif"></div>
<div id="viewTradesDB" style="display: none;left:-115px;width:115px;" class="menuccyouter6" onclick="hide('panelOptionsDB');hide('viewTradesDB');" onmouseleave="hide('viewTradesDB');">
<idcLogic:equal parameter="whichwnd" value="window">
<div class="menuccy" style="" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window','viewTrade','All')">All Traders</div>
</idcLogic:equal>
<idcLogic:equal parameter="whichwnd" value="window.opener">
<div class="menuccy" style="" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window.opener','viewTrade','All')">All Traders</div>
</idcLogic:equal>
<%
String myName = (String)aUser.getShortName();
%>
<idcLogic:equal parameter="whichwnd" value="window">
<div class="menuccy" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window','viewTrade','<%=myName%>')"><%=myName%></div>
</idcLogic:equal>
<idcLogic:equal parameter="whichwnd" value="window.opener">
<div class="menuccy" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window.opener','viewTrade','<%=myName%>')"><%=myName%></div>
</idcLogic:equal>
<%
Collection userList= getUser(pageContext).getOrganization().getUsers();
Iterator it=userList.iterator();
String orgUserName = null;
while(it.hasNext()){
User orgUser=(User)(it.next());
UserPermissionClassification clsf = (UserPermissionClassification)orgUser.getCustomFieldValue("DirectFX_Role");
if(clsf != null && clsf.getShortName().equals("TRADER") && orgUser.isActive()){
orgUserName=orgUser.getShortName();
if(!(myName.equals(orgUserName))) {

%>
<idcLogic:equal parameter="whichwnd" value="window">
<div class="menuccy" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window','viewTrade','<%=orgUserName%>')"><%=orgUserName%></div>

</idcLogic:equal>
<idcLogic:equal parameter="whichwnd" value="window.opener">
<div class="menuccy" onmouseover="this.className='menuccy_over'" onmouseout="this.className='menuccy'" onclick="blotterSelections('Trading.FXTrader.TradeBlotter','window.opener','viewTrade','<%=orgUserName%>')"><%=orgUserName%></div>
</idcLogic:equal>

<% }}}%>

</div>
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Are you running the Milonic DHTML menu system here? Got a URL?
John
harneet
Beginner
Beginner
Posts: 5
Joined: Wed Oct 04, 2006 5:22 am

Post by harneet »

No its not milonic menu. We have created this for our app.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Sorry. This forum is only for support of the Milonic menu system.
John
harneet
Beginner
Beginner
Posts: 5
Joined: Wed Oct 04, 2006 5:22 am

Post by harneet »

Sorry. May be i did not get your question properly. what i wanted to say is that it is not a plugin directly picked up from your site but based on the same concepts as given in the Milonic Menu tutorial. We have created the menu reading the milonic tutorial.
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

You can add an OS-specific scroll bar to a menu by specifying overflow="scroll"; in the menu definition. If the height of the menu exceeds the available space, then a scoll bar will be added automatically. There is no provision for a scoll arrow at the top/bottom of the menu.

Hope that helps,

Kevin
Post Reply