TreeView in RadComboBox Drop Down Height

6 posts, 0 answers
  1. Brian Mains
    Brian Mains avatar
    485 posts
    Member since:
    Oct 2008

    Posted 06 May 2011 Link to this post

    Hello,

    I am trying to use the treeview in the RadComboBox: http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/treeviewcombobox/defaultcs.aspx?product=combobox

    When the user expands a combo item, I need the RadComboBox drop down to expand too.  Seems easy enough to do, but I have a CSS style applied that I would like for it to meet.  It doesn't seem to apply the style initially (maybe because its a custom item template) and so how can I handle?

    If the style class doesn't work, then I'm thinking tap into the NodeExpanded event on the TreeView, and adjust the size of the drop down.  Is there a method that says "reevaluate the combo's contents and allow more room"?

    Thanks.
  2.
  3. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 10 May 2011 Link to this post

    Hi Brian,

    Could you please try to include the following style in your page's head tag:

    <style type="text/css">
       .rcbScroll
        {
            height: auto !important;
        }
    </style>



    Regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Brian Mains
    Brian Mains avatar
    485 posts
    Member since:
    Oct 2008

    Posted 19 May 2011 Link to this post

    Hey,

    That worked great actually, but with one drastic side-effect: in IE 8, this prevents the drop downs from appearing at all.  IE 7, 9, and FF worked fine, but IE 8 the drop down was 1 px, and I couldn't adjust it.

    Brian
  7. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 24 May 2011 Link to this post

    Hi Brian,

    I just tested it under IE8 and everything worked as expected. See the attached screenshot for details.
    Do you reproduce the issue only in the IE8 mode of IE9?

    Greetings,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  8.
  9. Brian Mains
    Brian Mains avatar
    485 posts
    Member since:
    Oct 2008

    Posted 24 May 2011 Link to this post

    Hello,

    Yes IE 8 mode of IE 9.

    Thanks.
  11. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 26 May 2011 Link to this post

    Hello Brian,

    Could you please try to set the min-height for the same element:

    <style type="text/css">
    .rcbScroll
    {
        height: auto !important;
        min-height: 200px !important;
    }
    </style>


    Kind regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top