How to auto adjust the size of a drop-down

I used to have a table inserted in all of my drop-downs and then I had all of my text and images inside of this table.  The table would automatically resize based on the width of the largest image in that drop-down.  The text would adjust accordingly as well.  Unfortunately, I have to remove the table from all of my drop-downs because Adobe has not fixed the bug that I reported in RoboHelp 8.  If I have a bulleted or numbered-list in a table that is in a drop-down then when I generate to Word RoboHelp adds an extra bullet before and/or after the drop-down.  Since they did not fix this in RoboHelp 9 either, I'm having to remove all of my tables in my drop-downs.  Peter Grainge gave me some changes for my style sheet to make a border appear in my drop-downs so that I don't have to use the table for this part anymore.  The only problem is that when I generate WebHelp the border is staying a defined width and the text is staying within that width, but the image is much larger.  This is a problem in IE and Firefox.  Is there a way to get my border in my drop-downs to resize to the size of my image, just as I got the tables to do?  I would just set my table size to 95%, and that did the trick.  I do not know how to do this with the style sheet for a drop-down.
Here is the text Peter gave me for my style sheet back in December of 2010:
DIV.droptext {
font-size: 10pt;
border-left-style: Solid;
border-right-style: Solid;
border-top-style: Solid;
border-bottom-style: Solid;
border-left-color: #656598;
border-right-color: #656598;
border-top-color: #656598;
border-bottom-color: #656598;
padding-left: 10px;
padding-right: 10px;
border-left-width: 2px;
border-right-width: 2px;
border-top-width: 2px;
border-bottom-width: 2px;
padding-top: 10px;
padding-bottom: 10px;

Hi,
Try to add "display: inline" to the css:
div.droptext {
    font-size: 10pt;
    border: 2px solid #656598;
    padding: 10px;
    display: inline;
This will force the dropdown to render as a 'normal' text element instead of a block.
Greet,
Willam

Similar Messages

  • Changing the size of a drop down list

    Hi Everyone,
    Is there anyway to change the size of a drop down list?  For example, our customer would like to make the drop down list for the Ship-To field on the logistics tab of the sales orders longer.  Currently, they cannot see the full name when they scroll through it.  Is this possible?  Depending on what Customer Code they enter, the field size appears to change.
    Thank you in advance for your help.
    Amanda

    I am using Tahoma size 10 as well. 
    Is the drop down size somehow related to the size of the first few records?  So, if those are shorter than those at the end, perhaps it doesn't adjust for the size of the bottom records.  For example, in our customer's database here's a sampling of what they have entered and the order:
    Wal-Mart 6124
    Wal-Mart 6125
    Wal-Mart 6126
    Wal-Mart 7001
    Wal-Mart Supercenter 1111
    Wal-Mart Supercenter 2094
    Wal-Mart Supercenter 3475
    The drop down box is large enough to see the Wal-Mart 6124, etc. but not large enough to see the Wal-Mart Supercenter ones at the bottom of the list (keep in mind there are over 100 ship-to's for this Business Parnter).  Does it maybe only look at the first fifty records or something like that?
    Thanks again,
    Amanda

  • Scheduling Gantt: How to work with the "zoom-to-fit" drop-down

    I'm trying to figure out how to work with the "zoom-to-fit" drop-down on the scheduling Gantt dvt control. It has choices in the drop-down that are not appropriate for my project. The documented purpose of this drop-down is to allow the user to zoom to a level that would allow a certain time range to "fit" within the current window. The choices start at "1 Week" and go up through "2 Weeks", "1 Month" etc. The problem is that the projects I'm displaying are generally just a couple of days long, and consist of many small tasks. So even 1 Week is too big. Also, no matter what I pick in this drop down, nothing happens.
    So my questions are these:
    1. Can I change the choices in this drop-down? If so, how do I do that?
    2. If not, then how can I remove this drop-down? (I figure I probably can if I disable "zoom", but I don't want to do that.)
    3. How do I get this to actually do something? I assume maybe I have to code some listener somewhere, but if so, how do I do that.
    Thanks for any hints, tips and advice!

    Currently, we do not allow customization of zoom-to-fit. Please file an ER. We could add a param to featuresOff attribute to disable/remove zoom-to-fit from the toolbar without disabling/removing zoom.

  • When I scan and save a document as a pdf. It is saved as a huge document. How do I adjust the size of a saved pdf?

    I recently purchased a new computer. Now when I scan a document and save it as a pdf document; the size of the file is nearly 10 times the usual size. The size of 2 pages is so large that I can not send as an attachment. How do adjust the size of the pdf document?

    Sending e-documents as email attachments is anyway never a good idea; use a file sharing service (Acrobat.com, Dropbox, Google Drive, Microsoft OneDrive, ..) to upload the doc, then send the shared download link via email.
    As for the scanned PDF size, see the earlier posts.

  • Web page comes up in small print. I understand "cntl ++" but how due I adjust the size to make it larger when it 1st displays?

    I open a web page and it is displayed in small print down the middle of the screen. How does one adjust the text size so it is larger print when it 1st comes up so I do not have to keep hitting "CNTL++" all the time?

    Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
    * http://kb.mozillazine.org/Zoom_text_of_web_pages
    You can use one of these extensions to set a default font size and page zoom on web pages:
    * Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
    * NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/

  • How do I adjust the size of program fonts to accommodate low vision users?

    Is it possible to adjust the size of program text to accommodate low vision users, like an enlarge text button or CTRL + zoom text function like in my browser?
    I know I am not the first person to approach this issue.  Since PSE 5 the text sizes have been getting smaller each version and even harder to read, and now that screens are much larger, it makes the menu text even smaller. I predict that by v. 20, users will have to just memorize where to put their cursor to click on a menu item.
    I have already adjusted my system text sizes to 175% but it does no good for PSE, if I use the zoom entire screen, I can only view 1/4 of the workspace at a time. There really should be an easy way to personalize your workspace. I have to reduce my screen resolution to 800x600 and change back to 1920x1080 to view the item in it's intended location each time I edit or create images and cannot work on the document that I am creating or editing a graphic at the same time.  What a huge inconvenience. 
    I have resorted to keeping my binoculars next to my computer for just this reason.  Picture it... binoculars to select anything on a menu.  In a way I feel like a prisoner.  Who are the quality control people, anyone that suffers with low vision? The last major problem I had to live with, PSE 10's gray on black! Find the scroll button when your eyes are tired! LOL.
    There are major reasons why I stick to PSE too, so changing programs is not a viable option for me.

    popsierose
    I am assuming that you are on Windows 7, 8, or 8.1 64 bit.
    Not sure if there is another way, but the way that works for me
    a. right click the computer taskbar, and click on Cascade Windows
    b. in the Premiere Elements Expert workspace, go the the bottom right edge of the workspace view, place the mouse cursor at that point until its tip has a diagonal icon, and then drag upward right to left diagonally to give some view of the desktop where I have the file for the drag and drop into Premiere Elements....then drag and drop the supported file into the Timeline or Project Assets or a drag and drop location.
    Please let us know if that worked for you.
    Thank you.
    ATR

  • How to auto adjust the height of my div tag?

    This is my website www.whistleandlisten.com
    The white background is a div tag and whenever I add new content within the div tag I want it to auto adjust to extend the white div tag down as the page gets longer. I have tried css and set my height to auto but that makes it disappear. Right now I have to set it to a certain amount of pixels which gets annoying and sometimes I forget to after adding lots of content. PLEASE HELP.

    To have an extensible height element, you should not apply the height property as you have done starting at line 9 of songcss.css
    #whitediv
      position: absolute;
      left: 50%;
      margin-left: -490px;
      top: 0px;
      width: 950px;
      height: 2900px;
      z-index: 1;
      background-color: #ffffff;
      background-image: none;
      background-repeat: repeat;
      background-attachment: scroll;
      background-position: 0% 0%;
      background-clip: border-box;
      background-origin: padding-box;
      background-size: auto auto;
      color: #ffffff;
      box-shadow: #ffffff;
      overflow-x: visible;
      overflow-y: visible;

  • How do I adjust the size of the window so I can drop videos from other windows? I am trying to decide if I am going to buy this application but there are too many problems already.

    I am trying out the Premiere Elements but I am not sure I will want to continue to use it. First problem:
    How do I get the window to go to a smaller size? I click on the box on the upper right corner but it still covers the whole computer screen and I cannot grab it and move it either. What is going on? I have an HP computer.
    Thanks for any help out there.

    popsierose
    I am assuming that you are on Windows 7, 8, or 8.1 64 bit.
    Not sure if there is another way, but the way that works for me
    a. right click the computer taskbar, and click on Cascade Windows
    b. in the Premiere Elements Expert workspace, go the the bottom right edge of the workspace view, place the mouse cursor at that point until its tip has a diagonal icon, and then drag upward right to left diagonally to give some view of the desktop where I have the file for the drag and drop into Premiere Elements....then drag and drop the supported file into the Timeline or Project Assets or a drag and drop location.
    Please let us know if that worked for you.
    Thank you.
    ATR

  • How do you adjust the size of icons in folders?

    I downloaded an application and inside it's folder in applications, the icons are gigantic. Larger than all my other icons. Is there like a size adjustment somewhere? They also move around weird when I try to drag them which I think had something to do with their size.

    Hello friend18,
    When you have the folder open go to the View Menu>Show View Options. There should be a slider that will adjust the icons to where you would like and then tick the box for This Window Only.
    let us know if that is not the problem.
    littleshoulders [:-)

  • How to auto populate a field based on drop down list unless specific item is selected

    Hi all,
    Apologies if I have posted this in the wrong area but I am new to Adobe LiveCycle, JavaScript and these forums.
    I am trying to build an Acrobat form using LiveCycle but am having trouble with the drop down lists.
    Inititaly I simply wanted to populate fields in one table based on the selection of a corresponding drop down list in another table.
    I used the following code and it worked fine:
    Workbook.Content.Table1.Row3.AppropriationDetails.Row4.Cell1::change - (JavaScript, client)
    var fFrom = xfa.resolveNodes("Workbook.Content.Table1.Row3.AppropriationDetails[*].Row4.Cell1");
    var fTo = xfa.resolveNodes("Workbook.Content.Table2.Row3.AppropriationDetails[*].Row4.Cell1");
    for (var i=0; i <= fFrom.length-1; i++) {
         fTo.item(i).rawValue = fFrom.item(i).boundItem(xfa.event.newText);
    The problem is that now I want the above code to work UNLESS one of the items in the dropdown list is specifically selected in which case I want the text box in the other table to display a message such as "Enter details in the field below".
    I have tried to create an If Else statement using the following code:
    Workbook.Content.Table1.Row3.AppropriationDetails.Row4.Cell1::change - (JavaScript, client)
    var fFrom = xfa.resolveNodes("Workbook.Content.Table1.Row3.AppropriationDetails[*].Row4.Cell1");
    var fTo = xfa.resolveNodes("Workbook.Content.Table2.Row3.AppropriationDetails[*].Row4.Cell1"); 
    for (var i=0; i <= fFrom.length-1; i++) {
         if (fFrom.item(i).rawvalue = "Option 3"){
         fTo.item(i).rawValue = "Enter details in the field below";
         else {
         fTo.item(i).rawValue = fFrom.item(i).boundItem(xfa.event.newText);
    The code now populates the field with "Enter the details in the field below" no matter what item I select from the dropdown list.
    Your help is greatly appreciated.
    Cheers,
    ozzy_q

    Follow Up:
    Ok so ive changed things up a bit and have had some more success.
    I have used a Switch statement in my For loop to perform different actions based on the item selected.
    The code looks like this:
    Workbook.Content.Table1.Row3.AppropriationDetails.Row4.Cell1::change - (JavaScript, client)
    var fFrom = xfa.resolveNodes("Workbook.Content.Table1.Row3.AppropriationDetails[*] .Row4.Cell1");
    var fTo = xfa.resolveNodes("Workbook.Content.Table2.Row3.AppropriationDetails[* ].Row4.Cell1");
    for (var i=0; i <= fFrom.length-1; i++) {
         switch (fFrom.item(i).rawValue)
         case "Option 3":
         fTo.item(i).rawValue = "Enter the details in the field below";
         break;
         default:
         fTo.item(i).rawValue = fFrom.item(i).boundItem(xfa.event.newText);
         break;
    This code solves my problem but has thrown up a new issue:
    When i select Option 1 or 2 from the dropdown list  the change in the text field is instantaneous, however if I select Option 3 it wont appear in the text field until I either select Option 3 a second time or select another item. Its as if the text field is a selction behind what I have enterd in the dropdown list.
    Any thoughts?

  • How do I change the order of a drop down field of an existing form?

    I have added additional responses to a drop down field and I want to reorder with previous response options.  The move up and move down feature does not work.   

    That worked.  Thanks!
    Cheryl Aeling
    [signature removed by forum host]

  • How can I adjust the size of a iPhoto file for a Google Picasa web album?

    It is taking forever to upload my photos from iPhoto to a Google Picasa account. My photos are being uploaded exactly the same size they are in iPhoto. I can only upload 5 photos at a time in the Picasa album and It takes about 5 minutes for each upload. I know there must be a way to reduce the MBs, but so far I have not had any luck figuring it out. I would appreciate any insight into this problem.

    Export the pics from iphoto to the desktop (File -> Export) you can reduce the file size of them in the process. Then upload them from there.
    Regards
    TD

  • How can I Adjust the Page size while Iam printing wireless ?

    How can I adjust the size if a photo While I am Printing Wireless Printer ?

    Whilst in the Preview application, press "Shift - Command - A" (⇧⌘A) simultaneously to show the markup toolbar, or click View, and select "show markup toolbar". There is an icon "A" near the right hand side of the now visible markup toolbar, click this icon to reveal all the font options. 

  • How do you configure the size of the picture

    when sending a picture to printer, how do I adjust the size of picture to print. Mine only printed a 4/6.

    Frankie,
    The usual setting is in Printing Preferences.
    In case you haven't found it yet - it has been a while since your original post - you may have your tray setting stuck on the 4X6 tray.
    I can provide details and "how-to" if you need more help.
    Printer model info would be helpful, and do you have your printer software loaded yet?
    I hope this helps!                                 
    We work hard to help!
    When ever you see a Helpful Post - Click the Kudos Star on the Left as Thanks!
    Did this Post solve your problem?  Mark it “Accept as Solution”!
    Note: You can find the “Accept as Solution” box on threads started by you.
     2012 Year of the Dragon!
    Dragon Tips!
    Install your Printer Software!
    Look for your Printer’s Software at your printer’s own website!
    Software, manuals, alerts, “how-to” information, and much more!
    To see if there is software for your printer, Start at:  Support and Drivers
    Kind Regards,
    Dragon-Fur

  • How can I adjust the font size of my printouts?

    I have an HP Officejet 4500 all-in-one printer and a new HP pavilion Slimline computer.  Since I changed to this computer, my printouts have very small font size making them hard to read.  How can I adjust the font size of the printout?  Is it a computer or printer function? I appreciate the help.

    I, too, am frustrated.  This seems like something that would easily be handled within the application software.  However, none of the fixes I've been offered have been very helpful.  My cousin sugested using Control C and Control V to move the text to WORD.  Once in WORD, you can manipulate the text on a WORD page...sometimes.  I've had good and bad luck with this method.  It still requires working in two different programs to get it legible.  Does anyone else have a 4500  All-in -one with this problem, or is it only me?  Thanks,  [Edited for Personal Information]

Maybe you are looking for

  • Two BLOBS in a single table

    So I have a table: BLOB_TABLE BLOB_ID Number (primary sequence key triggered automatically) BULLETIN BLOB BULL_FILE VARCHAR(255) BULL_MIME VARCHAR(255) BULL_LAST_UPDATE DATE SUPERFORM BLOB SUPER_FILE VARCHAR(255) SUPER_MIME VARCHAR(255) SUPER_LAST_UP

  • JSP- Servlet-- Bean-- JSP how to implement

    I have problem. My JSP will take a emplyee id . Now I want to show all the values regarding that employee in a JSP(JSP form) from the DB(Oracle). So Iam planning like JSP-->Servlet-->Bean-->JSP So my doubts are. 1. Is it correct approach 2.If it is c

  • How to keep track of the users who are all currently logged in

    Hi All, I have basic knowledge of Session and Servlets. I am wondering how to keep track of the users who are all currently logged in. There should be some way of achieving it. I thought of it and come up with having an Application variable that hold

  • Importing XML in Framemaker

    How to clear the below mentioned error ? When Importing the XML file Adobe Framemaker. When importing a partial XML instance (D:\New Folder\Sample.xml), the instance cannot contain a DOCTYPE statement.

  • Captivate 6 copying multiple files on Desktop while recording

    Description When I am recording with Adobe Captivate 6, it is copying multiple files on my laptop desktop automatically. They are all full motion shock wave flash files? Is there a setting I can adjust so it does not do this or is there a reason why