• 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
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

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: 67746
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.
 
This tiny ad will self destruct in five seconds.
a bit of art, as a gift, that will fit in a stocking
https://gardener-gift.com
reply
    Bookmark Topic Watch Topic
  • New Topic