Help coderanch get a
new server
by contributing to the fundraiser
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Devaka Cooray
  • Liutauras Vilda
Sheriffs:
  • Jeanne Boyarsky
  • paul wheaton
  • Henry Wong
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Tim Moores
  • Carey Brown
  • Mikalai Zaikin
Bartenders:
  • Lou Hamers
  • Piet Souris
  • Frits Walraven

problem with multi select box with horizontal scroll bar

 
Greenhorn
Posts: 2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
im facing a problem with multislect boxs horizontal scroll .
when the text in multiselect box exceds the size to the select box.
we cannt see the complete text. to avoid this problem. i used a horizontal scroll bar by using div tab.this horizontal scroll bar scrolls the entire select box. unless we move the horizontal scroll bar we cant see whether it has vertical scroll or not. is there any solution to this problem.
or how can i showup at time horizontal nd vertical scroll bars.can i give tool tip. if so how .... this should work in both IE and FF.
this is what im using presently.

<div style="overflow-x:scroll;width:200px;overflow:-moz-scrollbars-horizontal;">
<select name="select2" class="GenButWhite" size="15" >
<c:forEach items="${mgrlist}" var="mgr" varStatus="mgr1" >

<option value="<c ut value="${mgr.mpersonid}"/>-<c ut value="${mgr.morgid}"/>" <c:if test="${mgr.mpersonid==requestScope.personidselect && mgr.morgid==requestScope.orgidselect}">selected="selected" </c:if> >
<c ut value="${mgr.mfname}"/> <c ut value="${mgr.mlname}"/> - <c ut value="${mgr.morgname}"/>       </option>

</c:forEach>


</select></div>
 
Sheriff
Posts: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Please show us the HTML as it is sent to the browser. Showing use the unprocessed JSP source is not very helpful.

Also be sure to use UBB code tags when posting code. Please read this for more information.
 
raj sekhar
Greenhorn
Posts: 2
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

for option 3 the text exceeds the width of the select box.
it not possible for me read the text completely.i was able solve this by giving a horizontal scroll.unless i move the horizontal scroll its not possible for me see whether vertical scroll bar is there or not.can you tell me how can i give both horizontal and
vertical scroll bar to select box as we have in normal a window. i mean, only the text area should move.And more over it should work for IE and FF.
 
reply
    Bookmark Topic Watch Topic
  • New Topic