Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 299
  • Last Modified:

fixed size for dropdown list

How to fix/limit the size of drop down. for ex size should be 30 where as one of the value has 50 charecters but i want to show only 30. can we control this.
0
amirup
Asked:
amirup
  • 3
  • 2
  • 2
  • +2
2 Solutions
 
darksinclairCommented:
you could always do the following before you write your <OPTION> statement

<%
output = rs("description")
if len(rs("description") > 30 then
     output = Left(rs("description"), 30)
end if
%>

Then simply output "output" instead of rs("description") for the select box.

Cheers.
0
 
alorentzCommented:
No points wanted, but to add to darksinclair...you should not just cut off the word, people will not like that.  So put ... on the end:

<%
output = rs("description")
if len(rs("description") > 30 then
     output = Left(rs("description"), 30) & "..."
end if
%>
0
 
dfu23Commented:
CSS

<select style="width:200px;">
    <option> ...
</select>

Set the width to the desired size ...
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
alorentzCommented:
dfu23 - this is not related to dropdown width...it's about character in the dropdown.
0
 
darksinclairCommented:
ah yes, thanks alorentz.  Good eye. ;)
0
 
DarksbaneCommented:
@alorentz - How can you be so sure? The above question is vague enough to where if  amirup didn't know what CSS could do for him he might think that the only option he had is to remove characters from the drop down to set it to a specific size. Certanly there is nothing wrong with dfu23 giving an alternate solution which might better suit a fixed width select box. dfu23's solution also has the added benifit of not caring about the width of the character in the select box, so a box filled with 30 i's will still be the same length as a box filled with 30 w's.
0
 
darksinclairCommented:
I was kind of intrigued by how dfu23's solution would work so I decided to make a little test script,

a nice solution, Im not sure I like the fact that the text goes all the way to the end of the box and the other information is there just not shown,,, but still a fairly simple solution.  

Here is my test if anyone wants to see the who different styles.

Cheers,

<%
dim output
output = "123456789012345678901234567890wwwwwww"
%>
<% 'Option #1 %>
<select>
<option>
<%
if len(output) > 30 then
   Response.Write( Left(output,30) & "..." )
else
   Response.Write( output )
end if
%>
</option>
</select>

<% 'Option #2 %>
<br>
<select style="width:200px;">
    <option><%=output%></option>
</select>
0
 
DarksbaneCommented:
"a nice solution, Im not sure I like the fact that the text goes all the way to the end of the box and the other information is there just not shown"

Were you testing in IE? Both Netscape and FireFox will actually display all the text when you click the dropdown. IE unfortunately still cuts it off even when you click the dropdown.
0
 
amirupAuthor Commented:
wanna share points between alorentz, darksinclair
thanks to both ....


alorentz u r solution is "luxury" to the solution given by darksinclair .... but u forgot to decrease the size of charecters to 27 as u r adding 3 additional charecters "...".
Thanks to both of you.

BTW any idea how to share the points?
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

  • 3
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now