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>