Solved

Drop-down List Box Width

Posted on 2000-02-29
7
420 Views
Last Modified: 2013-12-24
I have a web page that has drop-down list boxes.  Their width auto-sets depending on the width of the data in the list.  How do I manually set the list box to a certain width rather than letting the box auto-set its own width?
0
Comment
Question by:dekkyb
7 Comments
 
LVL 4

Expert Comment

by:NickRackham
ID: 2569381
right click the box, and choose Form Field Properties, then specify the width. I think the standard is 20.
0
 

Author Comment

by:dekkyb
ID: 2570044
If you right click the box and choose Form Field Properties, there is no option to specify the width.  There is height, tab order, and name.
0
 

Author Comment

by:dekkyb
ID: 2570049
Adjusted points to 300
0
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 
LVL 3

Expert Comment

by:fibdev
ID: 2570449
The only way I've found too do this is to add spaces after the first menu item until it is the desired width.  It's kinda' sloppy, but it works.

Example:

  <p><select size="1" name="D1">
  <option>
Choice One&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  </option>
  <option>Choice Two</option>
  <option>Choice Three</option>
  &nbsp;
  </select></p>
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2570460
Didn't paste right :(

here:

<p>
  <select size="1" name="D1">
    <option>
    Choice One&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;
    </option>
    <option>Choice Two</option>
    <option>Choice Three</option>
  </select>
</p>


0
 
LVL 1

Accepted Solution

by:
MikeyG earned 300 total points
ID: 2570827
The trick here, I think, is to set the sizing of the control using absolute positioning.  You can do this by performing the following steps:

1:  Double click on your drop down box to get the properties up
2:  Click on the 'Style' button in the left hand corner of the window.
3:  Click on the 'Format' button, and then select 'Position...'
4:  Now you can choose how the form field is positioned on the screen, and in addition, its size.  For your needs, select the 'Relative' option under 'Positioning Style'.
5:  Enter the width of the combo in pixels.  (You can resize it later if needed, so just enter 100 for the time being)
6:  Click ok on all the windows to get back to the design view of your page.
7:  You can now resize the combo box by dragging on its corners/edges.

Hope that helps...
0
 

Author Comment

by:dekkyb
ID: 2573454
I had talked to a number of individuals that have experience with web page design and implementation and none of them knew how to do this.  It works perfectly.

Thanks very much!!
0

Featured Post

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to burn dual layer DVD using Encore CS3 8 154
Migrating PC with Oracle TOAD installed. 5 43
you tube .com 2 201
Show/hide areas of web form 10 73
In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question