locked
Extend drop down box size RRS feed

  • Question

  • Is there a way to extend the size of the FIM drop down box?  I have a custom drop down and my text is longer than the visible size.
    Tuesday, May 17, 2011 9:56 PM

Answers

  • I think the size of the controls such as UocDropDownList and UocListView, etc. are controlled by the SharePoint CSS.  Changing the CSS is a global change that affects all controls.

     

    Thursday, May 19, 2011 8:25 AM

All replies

  • I have that problem too and I couldn't figure out a way. At the moment my sort-of workaround is to use the "Hint" option which writes the text in full under the box when an option is selected.
    http://www.wapshere.com/missmiis
    Wednesday, May 18, 2011 5:09 AM
  • I think the size of the controls such as UocDropDownList and UocListView, etc. are controlled by the SharePoint CSS.  Changing the CSS is a global change that affects all controls.

     

    Thursday, May 19, 2011 8:25 AM
  • Does anyone have instructions on how to performed the actions by Paul?
    I'm in need of this feature too.


    Kind regards,
    Freek Berson
    The Microsoft Platform
    Twitter
    Linked-in
    Wortell company website

    Thursday, June 21, 2012 12:13 PM
  • The way I worked around this is by editing the following css file:

    C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\1033 STYLES\CORE.CSS

    In there look for the value .ms-lookuptypeintextbox. This sets the initial size of the dropdownbox. However, this value gets overwritten by inline css to something like 218px. To workaround this change the following part

    .ms-lookuptypeintextbox
    {
    width:20em
    vertical-align:middle;
    }

    into:

    .ms-lookuptypeintextbox
    {
    width:40em !important;
    vertical-align:middle;
    }

    The !important part makes sure that the value cannot be overwritten by the inline CSS and therefor you are able to change the value inside the core.css file. In my example I doubled to size to 40em. Note that this of course will change size of every UocDropDownList you have inside the FIM Portal. However before this change that was also the case of course, since every dropdownbox was 20em then. I think it would be possible to create mutliple .ms-lookuptypeintextbox instances inside the core.css and have different instances of UocDropDownList point to different instances of .ms-lookuptypeintextbox I did not try that, but that would require a lot more customizing of course.


    Kind regards,
    Freek Berson
    The Microsoft Platform
    Twitter
    Linked-in
    Wortell company website

    Thursday, July 5, 2012 7:16 AM